Main menu / Seondary menu (Mobile menu) styling.

??

Hello

Instead of a slide out mobile menu, I’d like to display a fixed full width menu on the bottom header row instead. More like a mobile friendly main menu, which will be styled like my current main menu, which flexes across the full row.

In header builder / mobile, I have to use either the mobile menu widget or the secondary menu widget to display my menu.

I’ve used the secondary menu widget, but can’t identify the classes needed to style it. The code that I’ve sent you is the code that I’ve used to do what I want to my main menu, but the classes will not change the secondary menu in movie view.

Please advise.

Thanks

Hi

I’d already done this…

Within header builder / desktop view – I have the “main menu” element selected which shows my “main menu” version. I’ve been able to style this using the class items that were in the code that i sent.

However, within header builder / mobile view – I have the “secondary menu” element selected which shows my “mobile menu” version. It alternates / shows up fine, but i can’t style it. I’ve tried using the same class items as i’ve used for the desktop “main menu” but it has no affect.

Attached again is the code that i’ve used to style my main menu, which works fine. I want the styling of my secondary menu (Tablet / mobile use) to be the same. Please can you advise what class or ID’s will need to be used to do this.

Thanks