Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 16, 2023 at 11:29 pm #1380479
    Lupine-andy

    Hi,

    With our website in development, this is my first shout out to support regarding the Enfold theme.

    We are experiencing an issue, which I have found previous posts relating to, but with no clear fix in our particular circumstances.

    The issue – with a sticky header, anchor links (which we have many) disappear behind the sticky header.

    Now losing the will to live with this particular issue, hope you can assist.

    Many thanks.

    Steve

    January 17, 2023 at 6:25 am #1388005
    Ismael

    Hey Lupine-andy,

    Thank you for the inquiry.

    The menu containing the anchors is perfectly visible below the sticky header. Would you mind providing a screenshot of the issue? You can use imgur, savvyify or dropbox.

    Best regards,
    Ismael

    January 17, 2023 at 1:41 pm #1388053
    Lupine-andy

    Misunderstanding here. Click on the anchor links .. and the anchors appear under the sticky header.

    January 17, 2023 at 2:38 pm #1388061
    Lupine-andy

    Hi Ismael.

    Apologies. Please hold fire with this issue. A design decision is now being made which may affect the header height and any fix you undertake.

    I’ll come back to you once the header design has been finalised.

    Thank you,

    Steve

    • This reply was modified 1 year, 10 months ago by Lupine-andy.
    January 18, 2023 at 4:01 am #1393841
    Nikko

    Hi Steve,

    We’ll leave this thread open then, just post back here once the header design is finalised.

    Best regards,
    Nikko

    January 21, 2023 at 2:56 am #1394614
    Lupine-andy

    Hey Nikko / Ishmael.

    Apologies for no response until now. We now have the header design finalised, so if you could proceed to look at the issue of anchor links, post-click, appearing under the sticky header, that would be appreciated. Example pages with anchors shown in previous private content.

    Kind regards,

    Steve

    January 22, 2023 at 11:42 pm #1394723
    Mike

    Hi,
    Thank you for the link to your site, I have reviewed your two pages and found that you are using name="anchor" for your anchor links.
    The name attribute on the a element is obsolete. For quite some time now using the ID as the anchor link has been the standard. <h3 id="anchor">
    The name attribute will still work but the theme looks for ID anchor links and applies a offset to the scroll to account for the header, it also slows the scroll some so it’s not a hard jump to the element.
    I adjusted your /data-protection/ page because there was only 4 links and so you could see the result.
    So for example using your Individual Clients anchor, you had:
    <h3><a style="font-size: 16px; background-image: url('img/anchor.gif');" name="individuals"></a>Individual Clients</h3>
    but the correct method is:
    <h3 id="individuals"><a style="font-size: 16px; background-image: url('img/anchor.gif');"></a>Individual Clients</h3>
    Please clear your browser cache and review the page and apply the changes to your other pages.
    Also I don’t know why you are using background-image: url('img/anchor.gif'); on your anchors it is making your site give 404 errors, I imagine that you copied this code from somewhere and didn’t include the image to your site, I recommend removing all of these from your site.

    Best regards,
    Mike

    • This reply was modified 1 year, 9 months ago by Mike.
    February 2, 2023 at 10:03 pm #1396464
    Lupine-andy

    Hi Mike,
    Apologies for the late response. Just a quick line to say thank you very much for your explanation regarding anchor links and the obsolete name attribute. Once we reviewed the code which had been copied and pasted from a previous version of the website, we realised the error, and everything was easily dealt with. My apologies again for taking this amount of time to respond. Your support rules! Thank you. :) Kind regards, Steve

    February 3, 2023 at 4:54 am #1396482
    Ismael

    Hi,

    Glad to know that the issue has been resolved. Please feel free to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Anchor links appear behind sticky header’ is closed to new replies.