Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 22, 2022 at 2:10 pm #1336649
    PhatJ

    Hi

    How can I make the full-width sub-menu stick to the bottom of the screen rather than the top?

    January 23, 2022 at 1:13 am #1336694
    Mike

    Hey PhatJ,
    Unfortunately this is not a feature, but if you want to use only one submenu on a page and don’t enable the “sticky” option
    2022-01-22_011.jpg
    you can use this css to stick the menu to the bottom of the page:

    #top #main #sub_menu1 {
	bottom: 0vh;
    position: fixed;
}

    2022-01-22_012.jpg
    example page linked below

    Best regards,
    Mike

    January 23, 2022 at 2:02 am #1336696
    PhatJ

    that will work thanks

    January 23, 2022 at 2:13 am #1336697
    PhatJ

    the only problem is the submenu comes up below the menu – can the submenu show above the menu?

    NAV PHOENIX

    • This reply was modified 2 years, 9 months ago by PhatJ.
    January 23, 2022 at 2:38 pm #1336736
    Mike

    Hi,
    Thank you for the link to your site, try adding this css:

    #top #main #sub_menu1 .av-subnav-menu > li ul {
    bottom: 70px;
    top: unset;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 23, 2022 at 3:50 pm #1336747
    PhatJ

    Magic Mike ;)

    Thanks

    January 23, 2022 at 4:01 pm #1336749
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘full width sub menu sticky at bottom of screen’ is closed to new replies.