Double Scroll Dropdown

[ifkda]

Hi there,

How do I stop the last drop down menus on this page from double scrolling?

https://virtualemploymentlawacademy.com/v1/

Also when it scrolls it feels clunky with the dropdown appearing above the button sometimes? Is it possible to turn that off as its really annoying

[tristup]

Hi @ifkda,

Thanks for reaching out.
The Popup Modal appears based on Button’s position. If the modal gets space under the button, it appears under it, else above. In the case of the last one, you have added 3 Gap elements, which is the reason behind the Double Scrollbar.

I would suggest you check by removing the Gaps if that resolves the problem.

Thanks

[ifkda]

https://virtualemploymentlawacademy.com/

I changed what you said but Im still getting the issue actually sorry.

[prakash_s]

Hello @ifkda,

In order to help you with your concern, we need to check your settings, please send your details in a secure note. Please provide the following details

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts

Thanks

[ifkda]

Hi there done

[ifkda]

Hi any update on this?

[ruenel]

Hello @ifkda,

Just for future topics, self-responding or bumping your post pushes it back in our Queue system so it takes longer to respond to. We provide support to our customers 24/7/365 in the Support Forum. Support questions are answered in the order received and responses may take up to 24 hours (typically sooner). Complex questions or busy times may take longer.

I have checked your page and I do not see any double scrolling. I am also wondering why there is a huge space underneath your dropdown. You can remove the 3 line elements and the empty section at the bottom of the page. Please also be informed that the behavior of the Dropdown element is that when there isn’t enough space to display the dropdown content, it will open upwards.

And if you want to push down the content instead of having the dropdown display upwards, it is best that you use the Accordion element instead.

Best Regards.

[ifkda]

I double responded because I had no response for 14 hours.

It seems you didnt go to the page?

https://virtualemploymentlawacademy.com/

As it is still doubles scrolling…

[christian]

Hey @ifkda,

The double scroll issue would only happen if you’re viewing on an HD screen like 1366 x 768px resolution. If you’re in viewing in a Full HD like 1920 x 1080, you won’t see the double scroll.

I do understand that there’s a double scroll on smaller screens and I’ll report it for investigation if I get a chance to replicate it but the Dropdown element is not recommended to be used at the bottom of the page
IF the dropdown content’s height exceeds the footer’s height or the distance between the dropdown toggle and the bottom of the page. Please replace the Dropdown element with Accordion elements to avoid the double scroll as well as the huge space after your footer.

The Dropdown element is best used in the Header as it needs to flow with the overall height of the page. If you give it little room only like placing it at the bottom of the content or the footer, you need to limit the content you place in it also.

I hope you’ll understand the limitation of the Dropdown element.

Thanks.