Change color of hamburger bar on mobile

• 

  nerdyneen · Member · Nov 21, 2018 at 2:37 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’m looking for a CSS code that will allow me to change the color of the menu bar on mobile. It looks great on my desktop but on mobile the bar at the top is my accent color. I’d like to change it to black. Can someone help?

  The blog I need help with is: (visible only to logged in users)

• 

  gemmacevans · Member · Nov 21, 2018 at 4:49 pm

  • Copy link

  Hi nerdyneen,

  The background behind the hamburger is currently black on mobile. Have you got this sorted now?

  If not, you’re welcome to reply here or start a chat and we’ll take a look :)

• 

  nerdyneen · Member · Nov 21, 2018 at 4:57 pm

  • Copy link

  Yes. I realized that I asked this question before and found the answer in my archives. I do have one other question. Is there a CSS code to change the text in the header underneath the sliding images to white?

• 

  torres126 · Member · Nov 21, 2018 at 5:27 pm

  • Copy link

  Hi there,

  Are you trying to get an effect like this? https://prnt.sc/ll8v1i

  If so, could you please try the following CSS:

    .showcase .item h2 a.entry, .masthead .branding .site-title a, .masthead .branding .site-title a:hover, .masthead .branding p.site-description {
    color: white;
    }

  Please let us know if that works for you. :)

• 

  nerdyneen · Member · Nov 21, 2018 at 6:31 pm

  • Copy link

  Yes, it worked! Thanks.

• 

  torres126 · Member · Nov 21, 2018 at 9:09 pm

  • Copy link

  Glad to hear, let us know if you have any further questions or issues! :)