Hi
with this page it looks fine on desktop but there seems to be a lot of white space on mobile that i cant get rid off
can you tell me how to reduce the whitespace
Screen shot of mobile :
https://www.dropbox.com/s/y51vw9p093becrw/Whitespace%20on%20obile%20.jpeg?dl=0
Hey gregcarrollLMG,
Add this to quick css:
@media only screen and (min-width: 600px){
#av_section_1 .container{
height:250px!important;
}}
Best regards,
Jordan Shannon
Hi
The image size is fine it is only the margin (top and bottom) that need to be reduced.
It is fine on desktop it is the margin on mobile that is to much
Thanks
Hi,
I adjusted the code to the following:
@media only screen and (max-width: 767px){
#av_section_1 .container{
height:250px!important;
}}
Best regards,
Jordan Shannon
Hi
it has still got the space top and bottom on mobile. I need to reduce the margin on mobile.
cheers
Greg
Hi,
It’s not a padding or margin, but the height set on that image causing it to create space on mobile.
Best regards,
Jordan Shannon