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.