[Resolved] sticky menu on mobile

Home Forums Support sticky menu on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1256245
    Torsten

    Hi,
    I have another 2 questions:

    1.) the menu for my website is somehow sticky on mobile.
    What I would like to achieve is the hamburger menu should stay on the left (left-padding 10px), animated-logo-gif far right (right-padding 10px), always on one line.
    When scrolling down actually the logo and hamburger menu are changing sides, logo left, Menu right…
    What do I have to do that both items remain in the same place.

    2.) On Desktop when scrolling down I would need to shift the menu a little lower, so that menu and animated-logo-gif are on the same bottom line. Is that possible?

    Hope this is understandable,
    thanks ahead,
    Torsten

    #1256953
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    1. Try this CSS:

    .site-logo.mobile-header-logo {
        margin-right: 0;
        margin-left: auto;
    }
    
    .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
        order: -1;
    }

    2. Try this:

    .navigation-stick div#primary-menu {
        position: relative;
        top: 10px;
    }
    #1257369
    Torsten

    great, as usual.
    Thx a lot.

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