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

Credentials below

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

[Author]

Posts