Header bug when URL contains #
-
Dear,
The header has a bug in the following scenario.
1. Create a header
2. Create a home page
3. Create a row with WPBakery with an ID, for instance as #services
4. Add a button in the header menu with link as “#services”
AS IS : When the URL contains the #, then scrolling back to the top doesn’t go fully to top
See video
Attachments:
You must be
logged in to view attached files.
Hello,
I watched the video you attached.
Please provide the admin panel login details of the website to check it myself and help you out accordingly.
Regards.
Xtemos Studios
Hello,
I have logged into your website and you have added the row ID to the row inside the row.
Please try adding the row ID to the separate Row then check back.
If the issue still occurs then deactivate all the third party plugins and tell me then we will troubleshoot with the theme plugins.
Regards.
Xtemos Studios
Dear,
I have created a staging copy of the site, so you can see the bug by yourself. Video and credentials in private.
Staging :
– has no active third-party plugins
– has no custom css/js.
– has no custom php in functions.php
– is switched to parent theme
– is all up to date
Thanks
Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.
html .website-wrapper {
overflow: visible;
}
Kind Regards
So it’s a big in the theme?
Hi,
This is an issue with the overflow property in modern browsers when overflow:hidden property is set to the wrapper of the anchor element. Unfortunately, we cannot completely fix it via Wordpdess theme since overflow:hidden is needed for page builders like Elementor or WPBakery.
Kind Regards
Ok thanks, then you can close this ticket
The topic ‘Header bug when URL contains #’ is closed to new replies.
.
