Problems with menu colors

Hi, I’m creating a sticky menu and I’ve added some codes that I’ve seen on forums. On the main page it works fine, because I want the letters to be white (and when I scroll, the background is white and the letters are black).

On the other hand, after creating another page and the letters are black (when scrolling, it works fine).

How can I make them white?

This is the code that I used:

body .whb-sticked .whb-general-header {
background-color: white;
min-height: 65px;
padding-top: 20px;
padding-bottom: 20px;
}

.home .whb-general-header .wd-nav.wd-nav-main > li > a, .home .whb-general-header .wd-tools-icon:before {
    color: white;
}

.home .whb-general-header .wd-nav.wd-nav-main a.woodmart-nav-link::after{
	color:white;
}

.home .whb-sticked .whb-general-header .wd-nav.wd-nav-main > li > a, .home .whb-sticked .whb-general-header .wd-tools-icon:before {
color: black;
}

.home .whb-sticked .whb-general-header .wd-nav.wd-nav-main a.woodmart-nav-link::after{
	color: black;
}

Attachments:

You must be logged in to view attached files.

Hello,

Please provide access to the admin dashboard and the URL to that page from the second screenshot so I can look closer at it.

Kind Regards

okay, i’ve just send it.

Hello,

It’s because in the custom CSS you “selected” the home page by defining this “.home” so as a result on other pages it is not working except the home page.

https://take.ms/YNHYG

Kind Regards

Oh its true! I didn’t realise… Thanks!

And another question, I’d like to do the logo bigger in the sticky header, but I can’t. Is there any possible code to make it a little bigger?

Attachments:

You must be logged in to view attached files.

Hello,

Try to increase the sticky header height here: https://take.ms/LGZfs

Thank you for your time.

Kind Regards

[Author]

Posts