Anchors Links in the menu scroll too far

edited August 2020 in Menu / Mega menu
I have a mixture of normal Liks and anchor links in the menu. In the menu area "Gastronomische Betriebe" the anchor links  scroll too far into the following line.  For example http://dev.better-taste.de/gastronomische-betriebe/#koenigx the anchor is clearly higher up by the logo "KönigX57".

Comments

  • Hey,
    you need to add more top padding to those sections so you can land without covering some of the content.
    thanks
  • hello top padding unfortunately does not solve the problem. an example, when i'm on the start page and then click in the menu on > Gastronomische Betriebe> submenu "speisewerk", the page scrolls to the middle of the "speisewerk" section, but the anchor is right at the top of the logo "speisewerk".

    When I use the submenu "Gastronomische Betriebe" within the page "Gastronomische Betriebe", the anchors work as they should.
  • Hey,
    please try to disable all of your plugins, custom css and JS for a while. Then clear your browser cache and check again.
    The problem is that much of the page content is still loading while its is scrolling, this is why the place it scrolls to gets lowered.
    thanks
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.