I would like to hide the vertical scrollbar that appears on my gift cards ordering page ( https://www.thaitranquility.com/massage-gift-cards ). I have designed the site in Wix Studio. It is third party embedded code that is placed in an iFrame. The iFrame is in a container. There are options for selec…

Hi, SteveM !! if you paste the iFrame code here, someone in this community might be able to help you resolve the issue. (If there is any sensitive information in the iFrame code, please replace it with appropriate placeholder text like “sample” before posting.)

Hi onemoretime, thank you for suggesting that I paste the iFrame code. Here is the code:

I pasted the code but it did not display. Not sure if there is a specific way to have it show with just copy and paste. So, I took a screenshot of the code and uploaded that. I hope this is suitable. [Screenshot 2024-08-04 at 5.19.44 PM]

Hi, SteveM !! For now, please try the following code. If it doesn’t work, try the code below. （※ Don’t forget to replace data-site-id with the original value） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <s…

Hi onemoretime, Thank you for taking time to attempt a solution. Unfortunately the code did not resolve the problem. The first snippet of code resulted in the scrollbar appearing in the iFrame window again. The second eliminated the scrollbar but then cutoff the menu from displaying within the iFr…

Hi, SteveM Do you mean that the menu is being cut off at the bottom? Using overflow: hidden means cutting off content that exceeds the size of the iframe element. So, if the scrollbars are hidden, wouldn’t increasing the height of the iframe element itself solve the issue? By the way, what web bro…

Hi onemoretime, Thank you once again. I generally use Safari. But it is doing the same in Chrome and Firefox. On my old website (that I created with Webflow) it worked perfectly. When the arrow was clicked on the gift card menu options, the menu expanded to reveal the choices and the footer moved d…

Wow! That got me dizzy :upside_down_face: ! So, I tried using Custom Elements as you suggested but it just brings me into a realm that is beyond my understanding. I really don’t know coding. Any other direction? Hire a developer through Wix? Thanks for your help.

i think iframe is the only means to display a from from an external website . is there a better way? i also have similar issue as hers Thanks

I think the only options are to use either an iframe element or a custom element. :innocent: The issue with iframes is that they just float above the page, so even if the iframe’s width changes dynamically, it can’t push down the elements below it. On top of that, it acts like a fixed-height window…

How to hide scrollbar in iFrame?

Ask the community

onemoretime August 5, 2024, 7:03pm 9

I understand. In such cases, I believe it would be better to use Custom Elements rather than iframes (HTML Components). Custom Elements can be directly embedded into the Wix site, allowing the footer to be adjusted up and down according to the size changes of the Custom Element.

Topic		Replies	Views
Seamless embed with no scrollbars: what's our best option as developers on Wix? Ask the community code , question	3	186	January 10, 2025
HTML iFrame element on mobile: is it possible to control fullscreen behavior or iframe sizing? Ask the community wix-studio , code , design , question , wix-blocks	1	21	February 15, 2026
Wix studio : How to get rid of video lateral scroll bar in html embed Ask the community wix-studio , cms , question	1	46	May 21, 2025
TML iFrame element on mobile: is it possible to control fullscreen behavior or iframe sizing? Ask the community wix-studio , code , design , question , wix-blocks	0	4	February 12, 2026
Dynamic Height for Embed HTML or Custom Element to Resize with Iframe Content Ask the community code	6	957	July 2, 2025

How to hide scrollbar in iFrame?

Related topics