Mobile hamburger menu color

Permalink Browser Info Environment
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

Type: Discussion
Status: In Progress
View Replies:
pilipala replied on at Permalink Reply

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 [email protected] . 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.

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:

Theme colours are here:

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:

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

concrete5 Environment Information

# concrete5 Version
Core Version - 8.2.1
Version Installed - 8.2.1
Database Version - 20170802000000

# concrete5 Packages
Call to Action (1.0.0), Page password (2.0.0), Salix (1.0.1), Spacer (0.9.3), Video Pro (1.0.0), Whale Elastic Slider (1.1.3), Whale OWL Carousel (

# concrete5 Overrides

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - On - If blocks on the particular page allow it.
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software

# Server API

# PHP Version

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dom, exif, fileinfo, filter, ftp, gd, gettext, gmp, hash, iconv, imap, intl, ionCube Loader, json, libxml, mbstring, mcrypt, mysqli, odbc, openssl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, pspell, Reflection, session, SimpleXML, soap, sockets, SourceGuardian, SPL, sqlite3, standard, tidy, tokenizer, wddx, xml, xmlreader, xmlrpc, xmlwriter, xsl, zip, zlib

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 1000
memory_limit - 256M
post_max_size - 260M
sql.safe_mode - Off
upload_max_filesize - 256M
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
odbc.max_links - Unlimited
odbc.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.