Home › Forums › WoodMart support forum › Main menu / Seondary menu (Mobile menu) styling.
Main menu / Seondary menu (Mobile menu) styling.
- This topic has 7 replies, 2 voices, and was last updated 5 years, 1 month ago by
Elise Noromit.
-
AuthorPosts
-
February 8, 2020 at 8:28 pm #172298
wurlnetParticipantHi
I’ve styled my desktop nav / main menu using the attached code (In private content section).
I’d like to apply the exact same styling to my tablet and/or mobile menu also. I’m not using the standard slide out mobile menu with category option, I’m using a static full width secondary menu instead.I’d like it to display like my desktop nav /menu.
Please can you provide the alternate code / class denominators so that i can do this.
Thanks
February 8, 2020 at 9:15 pm #172303
wurlnetParticipant??
February 9, 2020 at 10:22 am #172336
Elise NoromitMemberHello,
Please advise what do you want to change in the mobile menu?
Best Regards
February 9, 2020 at 2:13 pm #172360
wurlnetParticipantHello
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
February 9, 2020 at 7:44 pm #172404
Elise NoromitMemberHello,
Remove the mobile menu element and set the secondary, and describe what colors do you want to change and how.
Best Regards
February 9, 2020 at 8:07 pm #172406
wurlnetParticipantHi
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
February 9, 2020 at 8:43 pm #172419
wurlnetParticipantHi
I’ve worked it out, the class i needed was “.whb-secondary-menu”
As a separate matter, i’ve created a custom link on both of my menu’s and I want it to call in the woodmart login/register slide-in menu. I’ve added the class “login-side-opener” to the custom links CSS classes field, but it will only call the slide on menu if i also have your “account/login” element added to one of the header rows.
Is this a bug that can be fixed somehow?
Thanks
February 9, 2020 at 9:20 pm #172425
Elise NoromitMemberHello,
I want it to call in the woodmart login/register slide-in menu. It is not possible.
Is this a bug that can be fixed somehow? It is not a bug, this class has its own destination.
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register