[Resolved] Sticky Nav background color

[Carlotta Gergely]

Hi, I have the Navigation in the left sidebar. And I need the nav logo with white background instead of the green one coming from the navigation. I tried to find out via css but was not successful. Can you help?
Thanks
Carlotta

[Leo]

Hi there,

The link to your site isn’t working for me.

Can you double check?

Let me know 🙂

[Carlotta Gergely]

Hi Leo,
Maybe I misstyped? Here the link once again, hope it works know
https://genussautoren.cmg-webdesign.ch

[Tom]

Hi there,

So you’re wanting your logo to have the same green background as the navigation?

If so, you’ll need to edit the image in an image editing program to have a transparent background, and save it as a PNG (which allows transparency).

Let me know 🙂

[Carlotta Gergely]

No, Tom, I want to have the white background on the logo but without the green arround. I couldn‘t find the respective css to change the padding. Thanks for help,Carlotta

[Leo]

Can you try this CSS:

.gen-sidebar-nav .main-navigation .navigation-logo, 
.gen-sidebar-nav .main-navigation .navigation-logo img {
    margin: 0 !important;
}

Then extend the white background in the logo so the width of your logo image is 292px.

Let me know if this helps 🙂

[Carlotta Gergely]

Hi Leo, it works perfect! Thanks for your help 😀

[Leo]

No problem 🙂

[Author]

Posts