Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #237198
    Matt
    Participant

    Hello

    I’m sure it’s easy for those that know how, but is there any way to change the colour of the main menu fonts.
    The header video i am using is very light coloured up at the top where my main menu is and it’s very difficult to read the menu.

    Wondered if there was any additional CSS I could add to the ‘additional CSS’ section in the theme options.
    I have tried all the solutions I could find online and none seem to work.

    Thank you

    #237209
    Skandha
    Participant

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

    @media screen and (min-width: 75em) {
    	.navigation-classic.absolute-header .main-navigation a {
    		color: #000;
    	}
    	.navigation-classic.absolute-header .main-navigation ul :hover > a {
    	 	color: #ffe259; 
    	}
    	.navigation-classic.absolute-header .main-navigation .menu > .current-menu-item > a {
    		color: #ffe259;
    	}
    }

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

    #237224
    Matt
    Participant

    AMAZING !!!

    Huge thanks….worked straight away.

    Thank you once again.

    #237296
    Skandha
    Participant

    @mattandwillow: Glad I could help you out. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to change colour of main menu font’ is closed to new replies.