How to remove white space between menu and header image?

  • I know lots of people already asked this question, but I still cannot figure it out.

    My website is ranliweb.com. I used OnePress theme and used visual composer for my homepage, so there is no place for me to do the CSS coding.

    How can I remove the white space between the main menu and the header image without coding?

Viewing 4 replies - 1 through 4 (of 4 total)

  • Ran,

    This is the least of your problems. Have you tried looking at your website on a tablet? On your cell phone? Your Welcome image, does not rescale to fit the screen.

    Thread Starter ritalee

    (@ritalee)

    Kobashi,

    Thank you so much for your reply.
    Yes, I tried to look at my website on different devices. I know my background image is not responsive, and I also do not know how to fix it. So, I uploaded a new background image!

    But same problem!! This new image is responsive, but the white space between menu and header image, and the space between the image and the footer are still there.

    I think it is not the problem of the image.

    Ran,

    What’s causing the white space is this:

    <div id="cc_spacer" style="height: 75px;">
</div>

    In CSS, inline styles override CSS stylesheets. However there is a way around it. You can override it as a Custom CSS rule like this:

    #cc_spacer {
  height: 0px !important;
}
    Thread Starter ritalee

    (@ritalee)

    Wow, it’s amazing! I downloaded a CSS plugin and pasted the code you wrote, the white space did disappear.

    Thank you so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to remove white space between menu and header image?’ is closed to new replies.