Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

7.1 Mobile Menu Header/Logo Design & Styling



Hi, I am trying to style the mobile menu on a new site in 7.1. Wow, very frustrating that this is not an option!

First, I am just confused where the default styles are inherited from.

Second, I have figured out how to change the background color of the middle and bottom portions of the mobile menu with custom CSS, but I have not had success changing the top header piece (I ultimately want the whole background of the menu to be completely blue #2f4e98, with white type and the button as is).

Third, is it possible to specify a different logo (full color) for mobile if I were to stick with the cream background?

Site is live at: https://rootds.com


Edited by melmotz
added logo question
Link to comment

Recommended Posts

  • 0
On 10/14/2020 at 9:19 PM, emstems said:


I'm trying to have my mobile menu so that when you click the hamburger icon the whole background is the same blue as the header with white text/everything else.

I tried your code above and it didn't seem to effect it. 

I'd appreciate any help you may have to offer.

The site is live at: kingdomswimmingclub.ie

Add to Home > Design > Custom CSS

.header-menu-bg.theme-bg--primary {
    background-color: #033a88 !important;
nav.header-menu-nav-list * {
    color: white !important;


Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...