Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 3, 2018 at 1:21 pm #1004936
    koszachos

    Hi there,

    trying to incorporate two full width submenu in a page and would like the second one to stick just under the first one when a user scrolls down the page. At the moment the second one is hiding the first one as it has the same top value once the position becomes fixed. Where in the code can I customise the top value for a second full width submenu? Or is there another better solution?

    Thanks in advance!

    September 3, 2018 at 3:09 pm #1005004
    Victoria

    Hey koszachos,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    September 4, 2018 at 12:33 pm #1005485
    koszachos

    Sure, is it enough if I show you a screencast of how it looks at the moment when you have two full width submenu underneath one another? Here it is http://www.screencast.com/t/GDItao62
    As you can see the second one hides the first one as they have the same top value when scrolled and position becomes fixed.
    If this is not enough let me know. Thanks

    September 5, 2018 at 4:01 am #1005855
    Mike

    Hi,
    I tested creating a full-width sub-menu with a fixed width so that it formed two rows on my localhost
    2018-09-04_215516
    this seems to be similar to what you are trying to do with two of them stacked.
    This is the css I used:

    #sub_menu1 #av-custom-submenu-1 {
    max-width: 700px !important; 
    width: 700px !important; 
    margin: auto !important; 
}

    you may need to adjust the menu ID’s for it to work for you. If you would like some assistance with this please link to your page so we can investigate your ID’s

    Best regards,
    Mike

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