Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 14, 2024 at 11:48 pm #1464641
    tonyiatridis

    Developing a new site here:

    http://globalgrowthnetworks.com (site will be secure soon by the way still is http for just the moment)

    You can see the social icons are beneath the menu, do you have a css hack to move them atop the menu instead?

    Thanks

    August 15, 2024 at 1:04 am #1464644
    Mike

    Hey tonyiatridis,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .inner-container {
  display: flex !important; 
  flex-wrap: wrap !important; 
  }
  #top .logo.avia-standard-logo {
      order: 1 !important; 
  }
  #top .av-sidebar-social-container {
      order: 2 !important; 
      border-bottom: 1px solid #e1e1e1;
      border-right: 1px solid #e1e1e1;
  }
  #top nav.main_menu {
      order: 3 !important; 
  }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    August 15, 2024 at 5:30 pm #1464709
    tonyiatridis

    Excellent! Now how do I get the social icons to appear on the mobile version as well? Thanks so much.

    August 15, 2024 at 7:15 pm #1464716
    Rikard

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 767px) {
  .responsive.html_header_sidebar #top #header .social_bookmarks {
    display: block;
  }
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.