[Resolved] Mobile Nav menu spacing

Home Forums Support Mobile Nav menu spacing

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

    Hey support team,

    I am working on a redesign nav where the logo is in the center and the menu is on both sides of the logo. I found your article on that and was able to get that working. Perfect!

    Only problem now is that when I view mobile menu, there are is a space in between the menu items (Same place where the logo would be on the desktop version) Any idea how to adjust the space on the mobile side?

    Thank you.
    Chris

    #1024532
    Leo
    Staff
    Customer Support

    Hi there,

    Can you modify this block of existing CSS:

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

    to this:

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

    Let me know if this helps 🙂

    #1024588
    chris

    You rock! Thank you! That did it. 🙂

    Any CSS code to move the mobile menu more closer to the left?

    #1024595
    Leo
    Staff
    Customer Support

    Are you referring to the mobile toggle or the actual menu items or both?

    Let me know 🙂

    #1024625
    chris

    Hi Leo,

    What I am want to fix is the menu positioning on the mobile version of the site. I want to move the mobile menu closer to the left of the page.

    screenshot

    Thanks.

    #1024638
    Leo
    Staff
    Customer Support

    Try this:

    button.menu-toggle {
        padding-left: 10px;
    }

    Let me know 🙂

    #1024646
    chris

    You’re the man Leo! Thank you so much. I am good to go. 🙂

    #1024647
    Leo
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.