Mobile menu text colour (4.1 Update)

Thanks for the quick response…
I did go to those settings however it made no difference (see screenshot) and added the colour for the menu font
https://horizonfuneralplans.co.uk/wp-content/uploads/2017/07/Screenshot-2017-07-13-14.44.44.png

So made me think that its in the custom CSS that was added by another member of the team.

Can you help?

I have found the cause of the problem in the custom css file…its the first nav-wrap rule, I tried to add the same to mobile styles but with #2f3393 and !important…no change…removed to copy and paste code here.

I cant find any burger related rules in quick css or additional css…below is the css found in the “custom css” file

/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.av-main-nav-wrap ul * {
   color: #fff;
}
#header_main_alternate {
     background-color: #2f3393;
}
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
 background-color: #00aeed;
}
.header_color .avia-menu-fx {
   border-bottom-color:  #00aeed;
   background-color:  #00aeed;
}

.av-main-nav-wrap ul.sub-menu * {
   color: #2f3393;
}

#header_main{
border-bottom-width: 0px !important;
border-bottom-style: solid;
z-index: 1;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

This is the only issue preventing the site to go live now…please help! :D Thanks

Yes but this is just for icon styling, which is already the correct colour, now updated to 4.1.1

Its just the mobile menu text that is being over-ridden to #fff from the above rule.

I cant show you the site as it not live and hidden behind a holding page plugin for now.

Hi Victoria,

Thanks for the reply. That is how it looks now, as a workaround I changed the background to grey so the white text would show.

The text on mobile should be #2f3393 with white background, however the #fff colour from the main desktop menu is colouring the text white instead of the dark blue…therefore making it impossible to read.

My login details are provide above.

Its coming from the custom.css file as mentioned, as there was some custom work done to the menu area.

Thanks again.