Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1337980

    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

    #1337987

    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

    #1338376

    Got it

    Thanks!

    #1338436

    Hi,

    Sure! Let us know if there is anything else that we can help you with. We will close this thread for now.

    Have a nice day.

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Remove Extra White Space On Mobile’ is closed to new replies.