Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 9, 2018 at 12:58 pm #924458
    Midtgaard

    I’ve set the standard browser top menu to white and there’s not problems in the design. But when I scale down to mobile view I can see that a white header appears and that the compiled white menu isn’t visible (as it is also white). I’ve tried different settings, but can’t figure out how I remove the white header appearing in mobile view or the change the color of the compiled menu icon on mobiles only. What do I do?

    March 9, 2018 at 3:52 pm #924566
    Victoria

    Hey Thomas,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
   #top #wrap_all .header_color.av_header_transparency .phone-info.with_nav span, 
    .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a,
    .header_color .phone-info a,
    #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
     color: #666;
     border-color: #ccc;
   }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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