Shop Categories

X

Menu color issues

Home Forums Agama Pro Menu color issues

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #9118
    Crevato289
    Participant

    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.

    #9120
    Zex
    Moderator

    Hello Crevato289!

    Can you give me an address to your website?

    Thanks

    #9121
    Crevato289
    Participant
    This reply has been marked as private.
    #9123
    Zex
    Moderator

    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

    #9124
    Crevato289
    Participant

    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.

    #9125
    Zex
    Moderator

    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

    #9126
    Crevato289
    Participant

    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.

    #9127
    Crevato289
    Participant

    This only occurs before you start scrolling down

    #9129
    Zex
    Moderator

    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

    #9130
    Crevato289
    Participant

    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!

    #9131
    Zex
    Moderator

    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

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.