[Support request] Navigation logo issues

[dale]

Hi. I was trying to add a Naviation logo to my primary navigation at dalecameronlowry.com, where I have the menu height set at 60ox. I added a logo image that was also 60 ox high. But for some reason this added a black buffer (maybe about 10 px; black is the menu’s background color) at the bottom of the navigation menu.

I undid everything so there’s no navigation logo there right now, but what might have caused this? Any workarounds?

[Leo]

Hi there,

Might be the default padding.

Try this CSS:

.main-navigation .navigation-logo img {
    padding: 0;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

If not please leave the logo in there so we can see. Thanks!

[dale]

That didn’t work. Would that be because I have

.menu-item img {
    position: relative;
    bottom: -3px;
}

in my CSS? This was added to make sure that images added to the menu in place of icons lined up with text and icons (See social media menu at bottom of pages? https://dalecameronlowry.com/

[Leo]

possibly. I would need to see the logo in place to tell.

or you can try it without that CSS.

[Author]

Posts