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

This topic has 5 replies, 2 voices, and was last updated 7 years ago ago by Amzy Leel

  • Avatar: emikhelson
    emikhelson
    Participant
    November 7, 2017 at 23:55

    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
    November 7, 2017 at 23:57

    -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
    November 8, 2017 at 04:55

    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
    November 13, 2017 at 18:23

    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
    November 14, 2017 at 06:22

    Add this code too.

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

  • Viewing 5 results - 1 through 5 (of 5 total)

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

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.