How To Change The Color Of The Mobile 'Hamburger' Menu On Visualin Template - Question | JoomShaper

How To Change The Color Of The Mobile 'Hamburger' Menu On Visualin Template

T

Tony

Template 1 month ago

Hi, I have based my website on the Visualin template and all looks good, but the Mobile 'Hamburger' menu is very difficult to see on a phone. I have attached some screenshots, one in dark mode, one in light mode and one of the opened menu.

I am after the actual Menu symbol to be in plain White, and the opened menu, the selected page in plain white and the options in a purple colour (#B805A2)

How do I go about changing this. Many thanks

0
5 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 month ago #153444

Hi

Use this custom CSS in your custom.css file

.burger-icon>span{
  background-color: #c4b6b6 !important;
}

.offcanvas-menu .offcanvas-inner{
   background-color: #B805A2 !important;
}
0
T
Tony
Accepted Answer
1 month ago #153501

Perfect, Thank You.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 month ago #153546

You are most welcome.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 month ago #153392

Hi

Thanks for contacting us. Could you please give me your site URL? So that I can check.

-Regards.

0
T
Tony
Accepted Answer
1 month ago #153412

Hi, sure. Its

www.masiemyres.com

Thanks

0