Remove the space between the menu and the first image

Hi Dori

Thanks for reaching out.

The easiest solution would be to install Meta Slider, https://wordpress.org/plugins/ml-slider/, once activated go to Meta Slider, create a slider and add a single slide, just the one image. Then go to your home page, remove the image widget you’re using. Lastly go to Appearance > Theme Settings > Home and assign your new slider as the home page slider. That’ll insert the single image directly under the menu.

When editing any page you’ll find a Page Slider meta box in the right column. You can insert a slider on any page in the same position, directly under the menu.

Let us know how you come along.

Meta Slider would be my recommended method for this, even when using one image.

If you’d like to resolve using Custom CSS, try the following at Appearance > Custom CSS:

/* Page ID 202 */

.page-id-202 #main { 
padding-top: 0; 
}

.page-id-202 article.page .entry-header { 
margin-bottom: 0; 
}

.page-id-202.layout-full .panel-row-style.panel-row-style-full-width:first-of-type {
padding-top: 0 !important;
}

Glad that helped.

The above CSS is using the unique body class, only applicable to that page, to remove the margin and padding. We ideally don’t want to make these rules global because they might negatively impact other pages.

Can you perhaps explain again why it’s not possible to use the Meta Slider method I described?

We’d need to take a look at each page on its own.

For the first big image on each page, Meta Slider would be my recommendation.

For the contact page I’d recommend removing the Headline widget and instead using a Visual Editor widget. Using the second row of buttons in the Visual Editor widget you can set text to be Heading One which should render the same as the Headline widget. You might just need to type the headline out in caps. Making this widget change will remove some of the space there.

To remove some of the spacing below your map try editing the row that the map is on. Click the “Theme” tab on the right and near the bottom, enable the No Bottom Margin setting.