Monitor Reply

Support

Mobile hamburger menu color

Permalink Browser Info Environment January 31, 2020 at 5:40 PM

Love your themes! Ok I am using blue color background for header. In desktop navbar font color white resting and black when hovered. On mobile the hamburger menu itself is orange.
I would like it to have the hamburger menu itself be white. Can you share which file handles that? I have looked through the dashboard options and have not been able to locate that info.

My best
Joe

Type:	Discussion
Status:	In Progress

pilipala replied on Feb 1, 2020 at 2:17 pm Permalink Reply

Hi

Thank you, that's great to hear!

I'm not sure which part of the menu that you are saying is orange. I think you mean the background of the mobile menu?

If you like, you can pm us the link to your website and I can check which CSS is affecting it, or you can email contact@pilipalawebdesign.com . Please let us know which part of the menu you want to change or send a screenshot. Please note that anything on this support thread is public.

Alternatively, you can use something like Firefox inspector to check which styles are being affected.
https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector...

We haven’t included options in the dashboard for separate styling of the mobile menu. The mobile menu background takes on the colour of the top menu background which can be changed in the dashboard (“Top Menu Background” under Top Menu in design panel). If you would like to change the mobile menu background separately so that the mobile menu drop down background is a different colour to the top menu background, you could use this CSS:

@media only screen and (max-width: 768px) {
#navbar.navbar-collapse {
   background-color: #ffffff;
}
}

The styles affecting the menu can be seen in the topmenu.less file located here:
salix\themes\salix\css\build

Theme colours are here:
salix\themes\salix\css\presets

The theme also uses Bootstrap CSS, so there could be bootstrap CSS affecting some of the colours. We wouldn't suggest changing the Bootstrap styles in the CSS file, it is better to add your own styles in the dashboard in the Design panel > custom CSS. The bootstrap CSS is here:
salix\themes\salix\css

Let us know if that was the style you wanted to change, or send us a description or screenshot if you meant a different part of the menu.

Thanks, Jennifer

Salix

Support

Mobile hamburger menu color

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post