Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 19, 2018 at 7:11 pm #1024177
    designyvr

    Hi,

    On my site, the menu overlaps the logo. I’d like to increase the menu breakpoint, and tried it with the code below. However, it also removes the search icon in the menu and mobile menu with overlay. How can I go about keeping the search icon visible? The social media icons can be removed if needed.

    Thank you!

    @media only screen and (max-width: 1280px) {
    .av-burger-menu-main {
    display: block!important;
    }
    #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none!important;
    }}

    October 22, 2018 at 3:22 pm #1024904
    Victoria

    Hey designyvr,

    Try the code like this:

    
@media only screen and (max-width: 1280px) {
    .av-burger-menu-main, 
    #top .av_mobile_menu_tablet .av-main-nav #menu-item-search.menu-item {
        display: block!important;
    }
    #top .av_mobile_menu_tablet .av-main-nav .menu-item {
        display: none!important;
    }
}

    Best regards,
    Victoria

    October 22, 2018 at 8:13 pm #1025079
    designyvr

    Hi Victoria, Thank you so much!

    When the browser window is 735px or less, the logo overlaps the search icon and menu icon. Is it possible to remove the social icons at this browser width or below?

    Thanks!

    October 22, 2018 at 8:56 pm #1025102
    Jordan Shannon

    Hi,

    Apologies, I’m not seeing the social icons.

    Best regards,
    Jordan Shannon

    November 2, 2018 at 8:04 pm #1029305
    designyvr

    Hi Jordan,

    Thanks for following up. Could you please take a look at again? I’ve included the site/credentials below … the question is:
    _________
    When the browser window is 735px or less, the logo overlaps the search icon and menu icon. Is it possible to remove the social icons at this browser width or below?
    _________

    Thanks you!

    November 3, 2018 at 7:40 am #1029433
    Rikard

    Hi,

    Thanks for the update. Please try this CSS as well:

    @media only screen and (max-width: 735px) {
.responsive #top #wrap_all #header .social_bookmarks {
  display:none;
}
}

    Best regards,
    Rikard

    November 5, 2018 at 9:47 pm #1030058
    designyvr

    Thank you so much Rikard!!

    November 5, 2018 at 10:29 pm #1030068
    Jordan Shannon

    Hi,

    I’m glad you got this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Mobile breakpoint’ is closed to new replies.