When I use the scroller-block class inside of a row, I get a white bar running down the right hand side of the page. I am assuming this is because of overflow: hidden. However, I cannot figure out how to change to overflow: visible. Any thoughts?
On the desktop version, there is a white space on the far right hand side of the page running the height of the page. On the mobile, there is a white space in between the revolution slider rows.
This did not fix the mobile or the desktop white space issue. I have seen this code in other Public Tickets, tried it, and had it not work as well. I am positive the issue with the right hand white space is with the CSS "overflow" item being set to "hidden" and not "visible". I do not know what the issue with the white space between full screen rows on the mobile version is due to. If you need I can give you the log in to the site, and we can go from there.
Actually, I changed all of the "Overflow: Hidden;" to "Overflow: Visible;", and the problem still persists. Not sure where to go from here. BTW I made the change in the file:
Hey,
When I use the scroller-block class inside of a row, I get a white bar running down the right hand side of the page. I am assuming this is because of overflow: hidden. However, I cannot figure out how to change to overflow: visible. Any thoughts?
Thanks,
Arthur
Hi, sorry, not quite sure what do you mean. Can you pls provide more details with screenshots?
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
On the desktop version, there is a white space on the far right hand side of the page running the height of the page. On the mobile, there is a white space in between the revolution slider rows.
HI!
pls. use following css:
@media (max-width: 1199px) { .wpb_row { margin-top: 0; } .wpb_row > * { margin-top: 0; } } @media (max-width: 1199px) { .row { margin-top: 0; } .row > * { margin-top: 0; } }Michael,
This did not fix the mobile or the desktop white space issue. I have seen this code in other Public Tickets, tried it, and had it not work as well. I am positive the issue with the right hand white space is with the CSS "overflow" item being set to "hidden" and not "visible". I do not know what the issue with the white space between full screen rows on the mobile version is due to. If you need I can give you the log in to the site, and we can go from there.
Thanks,
Arthur
Actually, I changed all of the "Overflow: Hidden;" to "Overflow: Visible;", and the problem still persists. Not sure where to go from here. BTW I made the change in the file:
"TheGem: Stylesheet (style.css)"
Please share admin access. We will try to inspect problem on your site.
In the nearest future we will issue an update for our topic, it will solve the problem with the strip on the right side.
Great! Thanks for the help.
Have a nice day!