Homepage banner gaps; very urgent how to do I remove them.

4 replies2 participantsUpdated by Amzy Leel

  • Avatar: emikhelson
    emikhelson
    Participant

    If you look at the website you’ll notice that there is a gay between images (in the mobile view when you scroll down) as well as between the nav bar and below the 3 banners. How do I resolve this? Very important that I fix this. Thank you so much and have a nice day.

    Please, contact administrator
    for this information.

    4 Answers

    Avatar: emikhelson
    emikhelson
    Participant

    -EDIT; currently the gap is blue instead of white as a quick fix. Just in case wanted to let you know all the details

    Avatar: amzy
    Amzy Leel
    Participant

    Hi,

    I am not sure what you want with them.

    if you want to remove the gap below the images add this css code in 8theme options > styling > custom css > global custom css

    .banner { margin-bottom: 0; }
    .content-page { padding-bottom: 0; }
    .header-simple .menu-wrapper .menu > li > a { padding: 0 0.77em; }
    
    Avatar: emikhelson
    emikhelson
    Participant

    what about the gap between the banners themselves? When I look at the site through mobile view it has a gap between the accordion and the next banner; how do I get rid of this?

    Avatar: amzy
    Amzy Leel
    Participant

    Add this code too.

    .wpb-js-composer .vc_tta-container { margin-bottom: 0; }

You must be logged in to reply to this topic.Log in/Sign up