Navigation
Archive / How to Remove Social Media Icons in Nav Bar When Viewed on Smartphone
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 7, 2016 at 10:26 am #1247299
    core365
    Participant

    Hi, I was just wondering if it was possible to remove the social media icons in the nav bar only when viewed on a smartphone – but to keep them in the footer.

    The site is: http://cswprepared.org.uk/

    Thanks!

    November 7, 2016 at 11:26 am #1247396
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can use the following CSS under Custom > CSS in the Customizer:

    
@media only screen and (max-width: 800px) {
   .x-topbar .x-social-global {
        display: none !important;
    }
}

    Thanks.

    November 7, 2016 at 11:30 am #1247407
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    @media (max-width: 767px){
    .x-topbar .x-social-global {
        display: none;
    }
}

    Hope it helps 🙂

    November 8, 2016 at 3:00 am #1248374
    core365
    Participant

    Hi, both options worked! Many thanks for your help!

    Cheers!

    November 8, 2016 at 3:48 am #1248414
    Paul R
    Moderator

    You’re welcome! 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1247299 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>