Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 22, 2017 at 12:53 pm #764742
    Rohan K. Abraham

    Hi guys,

    Having some trouble with keeping my fullwidth submenu sticky – it isn’t happening. Can you help?

    This doesn’t work only when viewed from a mobile.

    Here’s the link

    Women Traveler Groups – Explore Nagaland – 7 days and 6 nights

    March 22, 2017 at 12:56 pm #764744
    Rohan K. Abraham

    Sorry error in the credentials… Attached here.

    March 22, 2017 at 12:57 pm #764746
    Rohan K. Abraham

    And attached below is the link with the problem [resending this because in the first case, my link seems to have turned in to an image.

    March 22, 2017 at 12:58 pm #764747
    Andy

    Hi,

    refer to: https://kriesi.at/support/topic/sticky-menu-for-mobile-submenu/#post-442882

    Best regards,
    Andy

    March 22, 2017 at 2:05 pm #764787
    Rohan K. Abraham

    Thank you Andy. It appears it doesn’t work well there, so let me know delete that line.

    March 24, 2017 at 2:13 pm #766179
    Andy

    Hi,

    try this code inside Quick CSS field:

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

    and adjust top value if needed.

    Best regards,
    Andy

    August 23, 2018 at 6:52 pm #1000879
    Levante Golf

    Hi guys,

    This code works great to make the full width submenu stick to the screen on smaller screens but its sticking to the bottom of the screen from the top of the page. I´ve tried changing the “top” number to “120px” instead of “565px” which makes it stick to the bottom of the main menu but I´d like it to stick to the top of the page as you scroll down past it like it does on the large screens.

    Any suggestions on how I can modify it for this to happen. Please see the page below.

    Many thanks again

    August 24, 2018 at 11:55 am #1001153
    Victoria

    Hi ProTravelGolf,

    Try the code like this

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

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 24, 2018 at 12:50 pm #1001182
    Levante Golf

    Victoria,

    Thank you for your help however 2 things:

    1. The submenu is now not being shown as it is being hidden behind the main menu as I have the main menu sticking to the top with the following code:
    @media only screen and (max-width:767px) {
    #top {padding-top: 112px !important;}
    .responsive #top #wrap_all #header {
    position: fixed;
    top: 0;}
    }

    2. I tried taking the above code out so that the main menu was no longer sticky but the submenu then just stuck to the top from the beginning of the page loading.

    What I´m after is for the submenu to appear further down the page (where it is positioned) and staying fixed in that position in relation to the page rather than the screen (as it does on larger screens) and then sticking to the top when it reaches the top of the page.

    Would that be possible?

    Thanks so much again!!

    August 24, 2018 at 2:18 pm #1001238
    Victoria

    Hi ProTravelGolf,

    Well, right now the main menu is not sticking and sub-menu sticks when it reaches the top. Is this not a working solution for you?

    Best regards,
    Victoria

    August 24, 2018 at 5:12 pm #1001317
    Levante Golf

    Victoria,

    I´ve put the sticky main menu code back in as this is what I want on all pages so the submenu now can´t be seen unless I adjust your top: 0 to top:120. However, as I say what I´m after is for the submenu to appear further down the page (where it is positioned) and for it to stay fixed in that position in relation to the page rather than the screen (as it does on larger screens) and then for it to stick to the top when it reaches the top of the page.

    Is this a possibility?

    Many thanks again!

    August 25, 2018 at 10:29 am #1001551
    Victoria

    Hi ProTravelGolf,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Victoria

    August 25, 2018 at 10:48 am #1001563
    Levante Golf

    Victoria,

    Ok no problem. Thank you so much again for your continued excellent support!

    Best regards

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