Removing padding between header logo and secondary menu

  • Resolved cairngormtreks

    (@cairngormtreks)


    10 years, 9 months ago

    Hi,

    I’m having trouble with removing the padding between the main site logo and the secondary menu. Ideally, I want them to touch. You’ll see why here:

    https://www.cairngormtreks.co.uk

    I’ve set the spacing to 0 in the theme options. While the gap reduced, it didn’t go completely. Is there padding set above the secondary menu that I can change/add custom CSS to alter?

    Thanks

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

  • Hi there,

    I think it’s being caused by these two elements:

    .kad_tagline which has a bottom margin of 10px and .kad-header-right which has a height of 1px.

    You can certainly fix this with CSS. Place the following code in your custom CSS or child theme style.css. Child themes are the safest way to go when making any kind of customization and keep your changes safe from theme updates.

    .kad_tagline {
   margin: 0;
}

.kad-header-right {
   display: none;
}

    Great site by the way. Looks like a very beautiful part of the world ??

    – Luke

    Thread Starter cairngormtreks

    (@cairngormtreks)

    Thank you!!! That worked a treat!

    Yes, we are very lucky! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Removing padding between header logo and secondary menu’ is closed to new replies.