[Resolved] Change color of menu items

Home Forums Support Change color of menu items

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1445975
    Matt

    Hi there,

    I can’t seem to figure out how to change the color of these menu items: https://prnt.sc/uie2c6

    Can you please help me with this? 🙂

    Thanks!!

    #1445979
    Leo
    Staff
    Customer Support

    Hi there,

    Are you referring to the lines or the actual menu items?

    The menu item color options should be in Customizer > Colors > Primary Navigation.

    #1445983
    Matt

    Hi Leo,

    I am referring to the lines.

    #1445984
    Leo
    Staff
    Customer Support

    Go to Additional CSS in the customizer and edit the color property of this block:

    /* category menu hover lines */
    
    .main-navigation .menu > .menu-item > a::after {
        content: "";
        position: absolute;
        right: 50;
        left: 50%;
        color: #ccabc1;  
        top: 8px; 
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block;
        width: 0;
        height: 2px; 
        background-color: currentColor;
        transition: 0.3s width ease;
    }
    
    .main-navigation .menu > .menu-item > a:hover::after,
    .main-navigation .menu > .menu-item > a:focus::after,
    .main-navigation .menu > .current-menu-item > a::after{
        width: 40px; 
        color: #ccabc1;  
    }
    #1445992
    Matt

    Thanks Leo! Worked perfectly!

    #1446002
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.