Space around menu

Good morning Support,

Could advise how I can change the amount of top and bottom padding/margins around the menu on pages, other than the Home page.

See attached

Kind regards

James

Hello there,

I hope you are doing well today.

You can use the following CSS code to edit the top margin by going to Appearance > Customize > Additional CSS and pasting it there.

/*Top Margin*/
#header .top-header .header-navigation > ul {
    margin-top: 5px;
}

Best Regards,
Support

Hi Support,

Unfortunately that hasn’t made any difference.
I also added margin-bottom: 0px and that made no difference

Kind regards
James

Hello there,

Could you please provide a link to your website so that I can inspect it?

Best Regards,
Support

Hi Support,

The website is www.strobertofknaresborough.org.uk

Thanks

Hello there,

Thanks for the link.

Please remove te previous CSS code and try using the following CSS code instead:

/*Menu padding*/
#header .top-header {
    padding-top: 10px;
}

Best Regards,
Support

Hi Support,

Unfortunately that doesn’t seem to be making any difference.
I have attached my current custom css file as well.

Thanks

James

Uploaded file again

Good morning support,

Unfortunately the txt file showing my custom css was blocked.
Do you have another suggestion to reduce the amount of white space around the menu?

Kind regards

James

Hey there,
I hope you’re doing well today

Some adjustments were made to the the CSS code. Please try the ones below.

/*remove margin from menu*/
#header .top-header .header-navigation > ul {
    margin-top: 0px;
}

Best Regards,
Support

Hi Support,

Unfortunately that code made no change - see attached.

Kind regards

James

Hello there,

Please ensure that you remove the previous CSS code provided as they may be interfering with the newly added CSS. Also, have you added any of your own CSS to the theme?

Best Regards,
Support

Hi Support,

Please find attached a screenshots of the custom CSS file as I couldn’t upload a .txt file of it.

Thanks

James