Problems and questions about sticky menus

  • Resolved chillmen

    (@chillmen)


    1 year, 4 months ago

    Hi,

    I’m using sticky menus inside pages, just after page title. i’m putting navigation inside a group to be able to use the sticky option, what i noticed,

    1- Desktop: Long menus does not scroll down on desktop.

    2 – Mobile: Sticky menu does not work on mobile, tested on android, chrome and firefox browser. But work when testing in chrome browser devtools ( mobile view ).

    3- Desktop : The submenu of the main menu is displayed behing the sticky block.

    Maybe i’m doing something wrong, because i’m not aware of an option, but i’ve been searching for a solution for hours without luck.

    Thank you in advance for your help

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter chillmen

    (@chillmen)

    I could find a solution for 1 and 2 by splitting the the submenu into 2 columns, here is the code if someone need it: ( i’m not an expert in css, played with some codes found on the internet )

    I have no idea how it happened but the menu is sticky now on mobile…

    .is-position-sticky ul.wp-block-navigation-submenu {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
    Thread Starter chillmen

    (@chillmen)

    For problem 3, i solved it with CSS:

    .wp-block-navigation-submenu {
    z-index: 999;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Problems and questions about sticky menus’ is closed to new replies.