![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: iframe
-
AuthorPosts
-
August 17, 2016 at 1:51 am #673448
I’ve placed a code block containing an iframe inside of a gridrow.
I’ve then applied quick CSS with the following property to obtain the complete width:
#fwcs .container { width: 100% !important; max-width: 100%; padding: 0px; margin: 0; }
I then set the background color to purple to the gridrow as a check to make sure it didn’t leave any blank space.
Next I used whitespace at the bottom with a negative margin to remove the background color on the PC.
However, at the bottom of the iframe the background color shows on mobile(roughly 2px across the bottom length), indicating that the iframe is not taking up the complete space.
Is there a way to fix this so that the iframe contains the full length on mobile, similarly to how it does on PC?
Additionally, on both PC & Mobile, I end up with a second scroll bar insider of the iframe. Instead, I’d rather have the page stretch to be length of the iframe. I’ve tried setting scrolling=no, but that did not work either.
Any help would be greatly appreciated.
-
This topic was modified 8 years ago by
telorenzo46. Reason: Updates
August 20, 2016 at 6:00 pm #675059Hey!
Can you post a screenshot/mockup of what would you want to achieve?
Best regards,
JosueAugust 22, 2016 at 3:30 pm #675810The pink line can be seen here between the body content and footer. I’d just like to remove the pink line. The issue is it does not show up on desktop devices, and only on mobile.
-
This reply was modified 8 years ago by
telorenzo46.
August 22, 2016 at 3:58 pm #675839Hi,
Please change the background color of the color section to be same as the footer color.
Let us know if that helps :)
If yous till have any issue please send us the login details to take a closer look at this is.
Best regards,
VinayAugust 22, 2016 at 4:01 pm #675842Vinay,
I am aware that this is an option as well. And I would actually have to change it to be the footer outline color.
However, this is not a proper fix, and instead a band-aid.
Do you happen to know how to fix this properly?
August 24, 2016 at 5:39 pm #677154Hi,
this is not a band-aid at all, as it will fix the issue through out the normal theme settings. So why not follow this simple instructions?
Best regards,
Andy -
This topic was modified 8 years ago by
-
AuthorPosts
- You must be logged in to reply to this topic.