Home Forums WoodMart support forum Main menu / Seondary menu (Mobile menu) styling.

Main menu / Seondary menu (Mobile menu) styling.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #172298

    wurlnet
    Participant

    Hi

    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

    #172303

    wurlnet
    Participant

    ??

    #172336

    Hello,

    Please advise what do you want to change in the mobile menu?

    Best Regards

    #172360

    wurlnet
    Participant

    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

    #172404

    Hello,

    Remove the mobile menu element and set the secondary, and describe what colors do you want to change and how.

    Best Regards

    #172406

    wurlnet
    Participant

    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

    #172419

    wurlnet
    Participant

    Hi

    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

    #172425

    Hello,

    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

Viewing 8 posts - 1 through 8 (of 8 total)