Archived topic

Need to remove navigation links background color on Homepage only

5 replies · Started by Alicia on January 26, 2020

Viewing posts 1–6 of 6

January 26, 2020 at 4:46 pm #1145111

Hello!

So, I'm using my own Page hero, containing custom fields that I've created and I've added it via hook element. I want a transparent background on Navigation links. I'm also using the sticky navigation and don't need transparency there. I've managed to get the header background transparent, but having a hard time removing background for the nav buttons.

You can see on the homepage here:

https://sandbox.intrepidrealist.com/dopamine-fx/

I would love to use the merged hero element, but I prefer using an image at 100% rather than background image.

Thanks!

January 26, 2020 at 5:17 pm #1145132

Hi there,

Can you try this CSS?

.home .main-navigation:not(.navigation-stick), .home .main-navigation:not(.navigation-stick) ul ul {
    background-color: transparent;
}

Let me know if this helps :)

January 26, 2020 at 5:40 pm #1145136

Thanks! That worked. However, now the sticky menu on home page has no background color. I still want that.

January 26, 2020 at 6:12 pm #1145140

Updated the CSS above:
https://generatepress.com/forums/topic/need-to-remove-navigation-links-background-color-on-homepage-only/#post-1145132

January 26, 2020 at 10:17 pm #1145228

That did the trick!!

Thanks SO much!

January 27, 2020 at 8:51 am #1145886

No problem :)

This archived topic is closed to new replies.

Start building better websites today.