Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 10, 2020 at 12:53 pm #1251848
    arockmez

    Dear Enfold team,

    If I have a URL with an anchor (#) and the anchor leads to the end of the page, a gap between the primary and secondary menu shows up (see picture attached as private content). It only happens when the anchor is at the end of the page, otherwise I works nicely. Is there a way to prevent this other than just making the page larger?

    Thanks for your help

    October 11, 2020 at 3:12 am #1251980
    Jordan Shannon

    Hey arockmez,

    I’m not seeing the gap shown in the image. Was this resolved?

    Best regards,
    Jordan Shannon

    October 11, 2020 at 11:07 am #1252038
    arockmez

    Hi Jordan,

    The gap is still there, however it seems to be replicable only in some browsers (I could in Safari and Chrome for instance). Please find a small snippet video attached as private content.

    Thanks for your help,

    October 12, 2020 at 5:36 am #1252176
    Rikard

    Hi,

    Thanks for the video. I tried loading the URL you posted in both Chrome and Safari on OSX, but I can’t reproduce the problem on my end. Could you provide us with more detailed information on how to reproduce this please?

    Best regards,
    Rikard

    October 12, 2020 at 10:55 am #1252229
    arockmez

    Hi Rikard,

    In my case it happens just by opening the link with the anchor (#profile-carolina-cortes) and since it is at the end of the page, the gap shows up in the aforementioned browsers. I am running Safari 14.0 under macOS 10.15.7 (latest version on both cases) in a MacBook Pro (Retina, 13-inch, Early 2015). In the case of Chrome it is version 86.0.4240.75.

    I’ve tried the webpage on an iPad Air and an iPhone XS and the issue only seems to happen in the MacBook Pro, however I don’t have for the time being another computer to try to replicate it, but surely I will if I have access to more devices. (I already tried deleting browser’s data to discard any issue related with caches and the like).

    All the best,

    October 15, 2020 at 8:40 am #1252948
    Ismael

    Hi,

    Thank you for the info.

    For some reason, the top position of the full width submenu element is off on initial load, or when the page is scrolled. To fix the issue, we could use this css code to adjust the position of the sub menu container when the header is scrolled. 

    .header-scrolled + #main > .av-submenu-container {
    top: 75px !important;
}

    Best regards,
    Ismael

    October 17, 2020 at 1:01 pm #1253472
    arockmez

    That worked. Thank you very much, Ismael!

    October 18, 2020 at 12:54 pm #1253601
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    October 18, 2020 at 2:51 pm #1253609
    arockmez

    Hi Rikard,

    Thanks for asking. This question is solved, therefore you can close it.

    All the best

    October 18, 2020 at 7:38 pm #1253688
    Victoria

    Hi arockmez,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Secondary menu bar with a transparent gap’ is closed to new replies.