Screenshot – https://ibb.co/9NTFZnr
live site – http://balrajt8.sg-host.com/
On my homepage, below the “Cool Sculpting” section on mobile, there is an extra white which I cannot figure out how to remove.
it is only appearing on mobile
Thanks in advance
Hey navindesigns,
Thank you for the inquiry.
The white space is the default 20px margin of the columns on mobile view. You can override it with this css code.
@media only screen and (max-width: 767px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin-bottom: 0;
}
}
You do not have to create the same css media query another already exists. Just move the css rule inside the existing css media query.
Best regards,
Ismael
Got it
Thanks!