Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 9, 2015 at 5:21 pm #532770
    msbllc

    I’m working on a website for a client and I’m stumped :-(

    I can’t figure out how to change the tab for the menu on mobile (see screen shot).

    Since we have a dark background I set the menu to white, which it appears white on a white background. How do I solve this?

    November 9, 2015 at 5:44 pm #532789
    Elliott

    Hi msbllc!

    Add this to your custom CSS.

    #advanced_menu_toggle { color: black !important; }

    Regards,
    Elliott

    November 9, 2015 at 5:54 pm #532798
    msbllc

    Thanks Elliott! I appreciate it. I was playing around with the various #advanced_menu_toggle options but didn’t try that one.

    By the way, is there a way to inspect element for mobile? Or have a reference chart for Enfold’s CSS?

    November 9, 2015 at 9:31 pm #532906
    Elliott

    Hey!

    Enfold uses a CSS based responsiveness so if your in Firebug or in Google Chrome developer tools you just need to resize the browser down to a smaller width and you’ll see the CSS used.

    In the Enfold CSS files look for lines that say..

    @media screen and (max-width: 767px) {

}

    Anything within those will get applied on mobile screens only.

    Regards,
    Elliott

    November 9, 2015 at 9:40 pm #532909
    msbllc

    Thank you sir! :-)

    November 10, 2015 at 2:35 pm #533267
    Rikard

    Hi,

    Glad we could help :-)

    Regards,
    Rikard

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