Strange double scrollbar on iframe

[Undone]

Hi there. I am new to the forum. I am building a website for my food business at undonefoods.com and have come across a strange double scrollbar situation. It did not occur in Firefox on my laptop with Windows 10, but is showing up on another computer in both Chrome and Edge browsers even after messing around with the size of it and its containing div. The goals is to have the iframe take up basically the whole of the div so that it can be targeted with navigation links. It does not matter the content of the iframe, as it happens both with .html static pages and with Wordpress blog and store pages. If you think you can diagnose this, please give the source a view at undonefoods.com . A solution would be much appreciated!

View attachment 805

 

[Undone]

I see now that this belongs in the HTML category. I will repost it there but cannot find a way to delete this post. Admin, please delete if double-posting is disallowed. Sorry for my mistake.

 

[volochainmlm4]

If you're encountering a strange double scrollbar within an iframe, it typically occurs due to conflicting CSS styles or improper iframe sizing. This issue can be caused when the content inside the iframe has scrollable elements, and the iframe itself is set to allow scrolling. To resolve this, ensure that the iframe's height and width are appropriately set to accommodate the content inside without needing an additional scrollbar. Also, check for overflow properties within the iframe's content and adjust them accordingly, such as using overflow: hidden or adjusting the body margins. Properly configuring the CSS for both the parent and the iframe content should eliminate mr tuk tuk menu the extra scrollbar.