Menu color issues

[Crevato289]

I would like to use the themevision cart, but the theme cart only redirects to check out which is why I don’t want to use it. The Woocommerce Cart (currently on) will actually show a shopper what is in their cart. Also, I really love the version 3 heading, but the menu is to dark.. is there anyway I can fix that in which it is light when you first load the page and then turns dark when the menu background turns white after scrolling.

[Zex]

Hello Crevato289!

Can you give me an address to your website?

Thanks

[Crevato289]

This reply has been marked as private.

[Zex]

Hello crevato!

For the colors of the primary menu, I suggest you do next:

1. Go to :Customizing ▸ Navigations ▸ Navigation Primary, and chose the primary color (for the first load- something brighter)

https://prnt.sc/jg9eec

2. Insert the code below into Customize->General-Additional CSS:

.sticky-header-shrink .sticky-nav li a {
    color: red!important;
}

Change the color code per your wish.

I’m not sure that I understood the first part of your post (about the shopping cart) and would be asking if you can explain it to me in more detail. Thank you

[Crevato289]

Where do and how do I go about putting the color code in (the one I want to use is #636363).

Sorry about that. So the Pro theme has a built in cart. When you click on the cart, it just sends you to the checkout page. There is no dedicated cart page. However, when I remove it and add the Woocommerce cart instead, there is a fully developed dedicated “cart” page. I didn’t know if there was away to do that for the cart that comes with pro, considering it looks better.

[Zex]

Hi,

Insert next code in Customize->General-Additional CSS:

.sticky-header-shrink .sticky-nav li a {
    color: #636363!important;
}

https://prnt.sc/jg9zmn

For the cart, I will ask our head developer to check that tomorrow
(it’s a little bit late right now on our side).

Thank you for the understanding.

Regards

[Crevato289]

Thanks! It worked, I appriacte it. One more thing though, the drop down boxes for the menu also have a white background, is there a code I can uses to fix that as well? With the same grey color.

[Crevato289]

This only occurs before you start scrolling down

[Zex]

Hi,
For the drop-down submenu, use next codes: (insert it in the same place as earlier)

.sticky-nav ul.sub-menu li a{
    color: #636363!important;
}
.sticky-nav ul.sub-menu li a:hover{
    color: #871719!important;
}

https://prnt.sc/jgb5ce

Regards

[Crevato289]

Thank you, I really appreciate your help! I think we have it from here, but a colleague pointed out the menus on the other pages (before you start scrolling) are whited out. This is because we needed to white out the menu for the home page. I think a code for this will finally fix the menu issues. Once again I appreciate your help!

[Zex]

Hello,

Yes, I noticed that too.

In fact, you need to change the color only on the home page.

So I advise you to do the following:

1. Go to: Customize ▸ Navigations ▸ Navigation Primary and select the primary color black.

then,

2. Change the primary color just on the home page to the white color, with the following code:

.home .agama-primary-nav a{
	color:#FFF!important;
}
.home .agama-primary-nav a:hover{
	color: #871719!important;
}

As before, you need to insert these codes into Customize->General-Additional CSS.

So, on the end, your code should be like this:

https://prnt.sc/jgfx2k

Best Regards

[Author]

Posts