Hi !
I’m having the same problem as this post (Double Scrolling Bar in Web Browser).
But I’m not able to find what element causes the problem on my site… can you help me please? it’s occuring on every pages since I converted my site to pro theme, and create custom headers/layouts.
Thanks for your help!
Hello @Cormoran42,
Thanks for writing to us.
I checked your site it seems that there is no double scroll on the site at my end. It might be the issue of browser cache at your end. I would suggest you please clear your browser cache and then check it again. If the issue still persists please let us know.
Thanks
Hi
Thanks for your answer. In fact the double bar disapear after a second or so. In general, it stay if you don’t move the mouse, but it depend on the browser.
If you refresh the page and scroll down quick, it create a strange behaviour.
link to vid: https://www.swisstransfer.com/d/d3dfcb6a-3b0a-4d57-ae23-0f880c1a3e14
Thanks for your help!
Hi @Cormoran42,
I have checked your website and found the second scrollbar as described here. Please remember that the double scrollbar appears only if some of the element is taller or similar in height to its container.
I would suggest you check by deleting the section of the specific pages one by one till the issue is fixed, and the last one you have deleted before the fix is the actual issue.
Hope it helps.
Thanks
ok thanks, it’s coming from the 3 divs inside my megamenu, I must delete the 3 for the problem to disapear.
but I’m not able to find anything.
could you help me please?
Hello @Cormoran42,
You need to click on the Mega Menu arrow —>It would show all the DIV—>You can delete it.
Hope it helps
Thanks
if I delete the 3, the problem is solved, but I don’t know how to resolve it. What settings should I change in the divs?
Hello @Cormoran42,
Please put back your 3 Div element and set a maximum height for each Div element. In your MegaMenu element setting, also set up a maximum height.
Kindly let us know how it goes.
Hi Thanks for your help!
I put a max height in each div and the mega menu, but the problem is still there.
I tested also with the original mega menu unmodifyed, and no change.
Thanks for your help!
Michaël
Hello Michaël,
regretfully we cannot log in or at least view the given URL. We are only seeing a page loader.
See the secure note below.
Your issue could be caused by a 3rd party plugin or a custom JS code amongst other things. Please troubleshoot for the most common issues that may have caused this:
Best Regards.
Hi
I already tested all this common issuse, and it’s not 3rd party plugin related, nor it is related to the cache.
Thanks for your help!
Michaël
Hi Michaël,
I have checked the Mega Menu and found that you have set the height for the DIVs and the Mega Menu which might be the reason behind your issue. I would suggest you set the height to auto for all the DIVs and the Mega Menu and check if that resolves your issue.
Thanks
Hi
I added the height value yersterday, to see if it resolved the issuse but it didn’t. I put it back to auto.
Other idea?
Hi Michaël,
It mostly depends on the content and the height of the content nothing else. So, you need to check whether the content of the container should not be taller than the container itself.
Thanks
I can’t figure to resolve this even with a very small max height, the divs are not bigger than the container,
I put your original Mega Menu Dropdown and have the same problem…
Searching around the web, this css code resolve my problem:
body{
width:100%;
overflow-x:hidden;
overflow-y:hidden;
}
Thanks anyway for your help!
Michaël
Hi Michaël,
Glad that you are able to find the solution.
Thanks
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
