Mobile Menu Colour

  • Resolved BJL

    (@houraamin)


    2 years, 10 months ago

    Hi

    I wonder how I can change the colour of the mobile menu/header section? I’m using ‘Basic 3 – inside header’ and while the header looks fine on desktop, it appears blue on mobile and tablet versions.

    Please could anyone help me with changing the mobile and tablet header colour?

    Many thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @houraamin,

    Thank you for contacting us.

    You can use this CSS code to set your own color for header bar section seen on mobile screen.

    @media only screen and (max-width: 1199px) {
  .menuStyle5.page-template-template_page-builder .site-header {
    background-color: #ff0000;
  }  
}

    Apply it to your site from Additional CSS option under dashboard > Appearance > Customize.

    Adding, you may need to clear cache, cookies, or history on your web browser. Otherwise cached pages will remain and blocks the changes to take effect.

    Hope this reply helps.

    Regards,
    Kharis

    Thread Starter BJL

    (@houraamin)

    Hi Kharis,

    Thanks so much, it works great now.

    Please could you also let me know how to change the colour of the circle behind the toggle menu in mobile and tablet view or just remove the circle from the menu? It’s purple now.

    Many thanks,
    Houra

    Thread Starter BJL

    (@houraamin)

    Hi again, just realised I had to remove the button’s colour from Site Setting – so all good now.

    Many thanks again for your help.

    • This reply was modified 2 years, 10 months ago by BJL.

    You’re welcome @houraamin!

    Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile Menu Colour’ is closed to new replies.