Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #199480
    legevindice
    Participant

    How can I change the color of the entire menu and the general hover over color of the main menu? Also I would like to change the border color of the round header logo to another color than white.

    Kind regards
    legevindice

    #199484
    Skandha
    Keymaster

    @legevindice: Hello Legevindice,
    Please post in your site URL so that I can look into the issue.

    Kind Regards,
    Skandha

    #199505
    legevindice
    Participant
    #204984
    Skandha
    Keymaster

    @legevindice: Hello Legevindice,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* To change the color of menu items */
    @media screen and (min-width:64em) {
         .navigation-classic.absolute-header .main-navigation a {
             color: #123456 !important;
         }
    }
    
    /* To change the hover color of menu items */
    @media screen and (min-width:64em) {
         .navigation-classic.absolute-header .main-navigation a:hover {
             color: #f0f !important;
         }
    }
    
    /* To change the round border color of the logo */
    .custom-logo {
        border-color: #12ffff !important;
    }

    You can change the color according to your choice.
    Let me know if this works out!
    Kind Regards,
    Skandha

    #204987
    legevindice
    Participant

    Works like a charm! Thanks a lot!

    #204988
    legevindice
    Participant

    #204993
    legevindice
    Participant

    Inside Customizing -> Colors I can change the general button text color which also effects the main menu button in the mobile page version. Is there a way to just change the menu button and the three horizontal lines in the mobile version to another color?

    #210895
    Skandha
    Keymaster

    @legevindice: Hello Legevindice,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* To change the color of the text menu and hamburger icon on mobile */
    #primary-menu-toggle {
        color: #123456;
    }

    You can change the color according to your choice.
    Let me know if this works out!
    Kind Regards,
    Skandha

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