Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 8, 2018 at 8:37 pm #1031370
    marshallrobinson

    My website uses a sticky header and a sticky full-width sub-menu. It works fine at most browser widths, but between 750px&970px, the sticky property doesn’t behave properly on scroll. I believe it has something to do with the header switching to a mobile version too early?

    • This topic was modified 6 years ago by marshallrobinson. Reason: for clarification
    November 9, 2018 at 8:40 pm #1031806
    Victoria

    Hey marshallrobinson,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    November 9, 2018 at 9:39 pm #1031838
    marshallrobinson

    If it were up to me I’d give you admin access, but our government hosting team doesn’t allow more than a few ip addresses into the back end. If that’s an issue I’ll see if I can get that changed for you.

    If this info helps…I’ve tried to disable plugins and any custom css to see if that fixes the issue and it hasn’t. So far, the only way I can get the full width sub menu to work is by changing the header to not be sticky at all browser widths.

    November 13, 2018 at 11:53 pm #1033232
    Basilis

    Hi,

    We do need access so we can try debug as much as possible from our side…

    Best regards,
    Basilis

    November 14, 2018 at 6:41 pm #1033609
    marshallrobinson
    This reply has been marked as private.
    November 14, 2018 at 11:09 pm #1033723
    marshallrobinson

    I noticed that on the enfold demo page, the same issue happens. Maybe you guys can debug from there if that’s easier? The full width sub menu here doesn’t stick fully to the top (there’s a gap above the menu) at the browser widths I noted in the first comment.

    https://preview.themeforest.net/item/enfold-responsive-multipurpose-theme/full_screen_preview/4519990?_ga=2.110908613.1790546105.1542220228-1717970635.1539717350

    November 17, 2018 at 4:18 pm #1034752
    Basilis

    Hi,

    Thank u for pointing it out – we have forward it to our developers.

    Best regards,
    Basilis

    January 8, 2019 at 5:50 pm #1051451
    marshallrobinson

    I noticed that the 4.5.2 changelog mentioned there was a fix to the mobile css for the full-width submenu, so I went ahead and updated. It’s not really fixed quite yet though as the submenu is no longer sticky at all in browser-widths I noted above. I expect the element to not be sticky while on a mobile phone (or anything narrower than 750px, but it should stick at the top of the browser between 750 and 970. Thanks for the help again.

    January 9, 2019 at 5:43 pm #1051948
    Victoria

    Hi marshallrobinson,

    Thank you for pointing this out. However, I do not see the full-width submenu on that page. Where can we see it?

    Best regards,
    Victoria

    January 9, 2019 at 6:22 pm #1051983
    marshallrobinson

    Check out this page:

    Sub Menus

    January 12, 2019 at 2:16 pm #1053074
    Victoria

    Hi marshallrobinson,

    The menu starts to be sticky at 768px screen width, this is the standard media query in use.
    Image 2019-01-12 at 14.14.47.png
    And it remains sticky above 768px.

    Does this behavior not work for you?

    Best regards,
    Victoria

    February 11, 2019 at 11:21 pm #1065729
    drryanlowe

    Do you have a status update on this?

    February 13, 2019 at 4:53 am #1066222
    Rikard

    Hi drryanlowe,

    Please open a new thread and try to explain the problem you are having a bit further.

    Best regards,
    Rikard

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