Archived topic
Removing white space on mobile.
3 replies · Started by Mukhtar on August 13, 2019
Hello
Trying to format the page correctly. I am using the following CSS
}#property-content .row {
width: 100% !important;
} @media only screen and (min-width:1190px){
#property-content .row {
margin: 0 auto !important;
}
}
1) On mobile, It centers the property details. But it still leaves unnecessary "white space" if you scroll to the right. How do I get rid of that white space. i.e. make it so you cant shift the page to the right and everything remains "contained".
2) Side issue, on firefox (mobile):
The gallery/image seems to move position on mobile when you scroll up and down. Image stays in a fixed position when you scroll on chrome.
Not sure on the CSS that will fix this issue.
See how the image moves underneath the price figure:
ibb.co/60LprRv
ibb.co/mFSSstx
Please advise thanks.
Hi there,
1. Not exactly sure what you are referring to but looks like this CSS could be causing some issue?
https://www.screencast.com/t/OrSvD0t7r6C
It isn't coming from GP. Likely from the plugin itself.
2. The gallery is coming from a plugin. Have you checked with the plugin support?
Hello. Thanks for the response.
Ill check with plugin support regarding the gallery.
1) See image of the issue on mobile:
ibb.co/LRrXXCR
You shouldn't be able to shift the page to the right and see that white space (margin) you can see in the image (near the page title "quicktry"). Desktop is fine just mobile has the problem.
Yes it probably is to do with the CSS margins you highlighted. Can you suggest any CSS that would correct that?
Thanks.
Can you check with the plugin support first on this as well?
