CCS Customisation: Remove White Space between Menu Bar and Content on front page

Most of the padding around the menu items is controlled by the following CSS rule:
` .main-navigation ul li {
padding: 0.75em 1em 0.75em 0;
}`

The 4 number values correspond to; top, right,bottom, left.

I would question your choice to tighten this up. The menu items are already very close.

Hi Gary

Thank you for your response, however I am not trying to tighten anything in the menu.

I am trying to reduce the white space between the menu bar and the first image in the content section on the homepage.
When you go to MakeTimeToSeeTheWorld.com you will see the title, followed by the menu and then there is a large white space before the first image.This looks unnatural and is huge block of space on mobile. I do not know what is causing the padding.

Is this something you could help me with?

Thanks again

Ah, that white space.
Try this:
.front-page-content-area .without-featured-image {
padding-top: 0;
}

If it works on desktop check tablet and phone views to make sure it’s still good.

I’ve tried that set of code – unfortunately it has no effect..

any other ideas?

Thanks

Hi @vickigarside!

It looks like some of the images aren’t loading at the moment, did you remove those files?

Let us know when the images are back in place and we’ll look at what CSS might do the trick for you ??

Hi

I’ve been having some serious issues with the site. A plugin has been affecting Custom CSS and now another one is causing more issues.

The above has fixed what I was trying to do.

Thank you

Thanks for letting us know it worked!