Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 8, 2019 at 5:29 am #1076226
    marsh1984

    Hi there,
    How do I make the full width submenu sticky, and stay at the top of a scrolling page, on mobile view?
    Thanks

    March 13, 2019 at 3:21 am #1078077
    marsh1984
    This reply has been marked as private.
    March 13, 2019 at 8:16 am #1078120
    Victoria

    Hi marsh1984,

    Please refer to the solution posted in these threads

    Full width Submenu not sticky on mobile

    https://kriesi.at/support/topic/sticky-sub-menu-on-mobile/#post-889668

    Best regards,
    Victoria

    March 13, 2019 at 8:36 am #1078148
    marsh1984

    Thanks almost there except it sits behind the sticky top bar, can it sit below that?
    @media only screen and (max-width: 767px) {
    .responsive #top .av-submenu-container {
    position: fixed !important;
    top: 565px !important;
    }}

    March 19, 2019 at 4:01 am #1080194
    Ismael

    Hi,

    Where do you want to place the sub menu container? If you want it to display at the very bottom of the view port, use this css code.

    @media only screen and (max-width: 767px) {
.responsive #top .av-submenu-container {
    position: fixed !important;
    top: calc(100% - 104px) !important;
}
}

    Screenshot: https://imgur.com/a/eQjej9C

    Best regards,
    Ismael

    March 19, 2019 at 4:20 am #1080204
    marsh1984

    Hi can it be placed below the sticky top bar menu? See screen shot. https://imgur.com/In0apcC

    March 20, 2019 at 4:58 pm #1080915
    Ismael

    Hi,

    Set the vertical position or the top margin of the submenu container to 68px.

    .responsive #top .av-submenu-container {
    position: fixed !important;
    top: 68px !important;
}

    Best regards,
    Ismael

    October 7, 2019 at 10:10 am #1145699
    darnott75

    Dear All,

    I also created a full with submenu on my site. Only two menus but on mobile it is on two rows. How can I arrange/force the menu in just one row on mobile devices and also make it sticky?

    Thanks in advance.

    October 9, 2019 at 4:19 am #1146348
    Ismael

    Hi,


    @darnott75    : You can set the Mobile Menu Display settings of the Fullwidth Submenu element to the second option so that it displays a menu button. Unfortunately, you can’t make it stick on mobile view. If you have more questions, please open a new thread. We’ll close this one for now.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Full Width Submenu to be Sticky on Mobile’ is closed to new replies.