[Support request] Mobile Slideout Menu Styling

Home Forums Support Mobile Slideout Menu Styling

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1109040
    Kyle

    Hi guys, Trying to fix some strange styling on my mobile slideout navigation menu. Maybe you can help?

    1) When loading the site on most mobile phones, the logo and hamburger menu are stacked, not side-by-side. Any ideas?

    2) How can I add padding to the slidout menu top? The top item sits right up at the top of the screen, currently.

    3) My arrows are placed oddly. Is there a way to widen that slideout window to fit things in better? (I tried a few solutions on the forum and no luck).

    Many, many thanks!

    #1109258
    Leo
    Staff
    Customer Support

    Hi there,

    Can you disable Autopimize first so I can see the source of the code better?

    Let me know 🙂

    #1116509
    Kyle

    My apologies, I missed this reply somehow. It is disabled now. Thanks for any insights you can offer. I appreciate it!

    *Update: moving the close “x” inside of the menu added better top spacing, and maybe took care of #2 as well? The hamburger is now sitting side-by-side with the logo, which is what I was hoping for. Would still love some advice to widen the box in order to get the drop-down arrow on the same line as a couple of the menu items.

    Thanks!

    #1116860
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Give this a shot:

    slideout-navigation .inside-navigation {
        padding-left: 20px;
        padding-right: 20px;
    }

    Let me know 🙂

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