Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1276301

    I wonder how i can remove the social icons from the right side of the menu in mobile view but leave them in the top headerbar

    See screenshot.
    https://www.dropbox.com/s/xbvc99qe2xttahv/2021-01-29_12-53-57.jpeg?dl=0

    Thanks
    Michael

    #1276408

    Hey Michael,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #1276445
    #1276571

    Hi,

    Thanks for that. You have this CSS applying:

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

    Could you check if it’s in your Quick CSS box please? If you can’t find it then please post admin WordPress login details in private so that we can try to find it for you.

    Best regards,
    Rikard

    #1276769

    I removed the CSS but it didn´t work as expected. Now no Icons are displayed even in the top bar (where I want them to show up in mobile view).

    Any other ideas?

    #1277025

    Hi,

    Please try this CSS in Quick CSS:

    @media only screen and (max-width: 767px) {
    #header_meta .social_bookmarks {
        display: block !important;
    }
    nav.main_menu .social_bookmarks {
        display: none !important;
    }
    }

    Best regards,
    Rikard

    #1277186

    Brilliant. It worked.

    You can close the ticket. Thanx a ton.

    #1277503

    Hi,

    Great, I’m glad that we could help. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Remove social icons from main menu but leave them in headerbar’ is closed to new replies.