[Resolved] Menu with centered logo — problems on mobile

Home Forums Support [Resolved] Menu with centered logo — problems on mobile

Home Forums Support Menu with centered logo — problems on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #991712
    Kristjan

    Hello,

    I am having some trouble with the header / navigation menu on the mobile version of a site I am working on: Icelandic Down

    I did follow these instructions to make the logo centered in the menu: https://docs.generatepress.com/article/centering-logo-navigation/

    There are two problems:

    1. In the header / navigation bar on mobile, the search icon is displayed right below or on top of the logo.

    See here: http://prntscr.com/own8ub

    2. In the menu bar, there is a big cap in place where I put the menu item separator.

    See here: http://prntscr.com/own90f

    Any idea how to fix these?

    #991817
    Leo
    Staff
    Customer Support

    Hi there,

    Can you do this first?
    https://www.screencast.com/t/cOzPNEEwJ7a7

    Let me know πŸ™‚

    #991822
    Kristjan

    The caching plugin is disabled on the staging site but it has the same issue: https://staging-icelandicdown.kinsta.cloud/

    #991833
    Leo
    Staff
    Customer Support

    The caching plugin isn’t the issue – having it disabled allows us to see the source of the code better which is why we ask for it.

    Try adding this CSS:

    #mobile-header .mobile-bar-items.wc-mobile-cart-items {
        margin-left: 0;
    }

    Then modify this existing CSS:

    .slideout-navigation .menu-item-separator,
    .main-navigation.toggled .menu-item-separator{
    	display: none !important;
    }

    To this:

    .slideout-navigation .main-nav li.menu-item-separator,
    .main-navigation.toggled .main-nav li.menu-item-separator {
    	display: none !important;
    }

    Let me know πŸ™‚

    #992207
    Kristjan

    Thank you very much, this worked.

    #992462
    Leo
    Staff
    Customer Support

    No problem πŸ™‚

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