Avada Forums Community Forum Hide Header Content 2 on mobile

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • florisnl
    Participant
    Post count: 1

    Hi!

    How can I hide the ‘Header Content 2’ (in my case the social icons) on mobile?
    Thanks in advance!

    Kind regards,
    Floris.

    marklchaves
    Participant
    Post count: 873

    If you don’t see any options to do this in the theme responsive or header settings, you can try custom CSS.

    I need to see your code (link to your site) to give you the exact CSS. But, here’s an approximation using the socials icons for the footer. Replace the CSS class below (.fusion-social-links-footer) with the social header class you want to hide.

    
    /*
     * Hide socials in footer on screens smaller than a tablet.
     */
    @media only screen and (max-width: 767px) {
      .fusion-social-links-footer {
        display: none;
      }
    }
    
    

    Next time, to improve your chances of getting a useful answer (or even someone helping) please share your code.

    Thanks!

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