Home Forums WoodMart support forum Where to Style this Menu?

Where to Style this Menu?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #697505

    hosting-3226
    Participant

    Where can i style this mobile menu, which I am using to open the menu on the side in full and responsive.
    Do i need to use custom CSS or is there somewhere i can style it easily?
    Thank you

    Attachments:
    You must be logged in to view attached files.
    #697610

    Hello,

    Could you please clarify what exactly you want to style in the mobile menu?
    For example, are you trying to change colors, fonts, spacing, icons, or the full layout?

    Best Regards,

    #697642

    hosting-3226
    Participant

    I would like to change the background, the fonts, the colors and the close button! To match the design attached. Just wondering if there is a panel i missed or i have to do css? Do you have the css I should target?

    Attachments:
    You must be logged in to view attached files.
    #697704

    Hello,

    To change the mobile menu background color, please add below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

    .mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-left.wd-opener-arrow.wd-opened {
    	background-color: #1485dc;
    }

    To change the menu color, navigate to Theme Settings > Typography > Advanced > create a new rule with the Mobile menu dropdown first-level item and change the color.

    Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

    Best Regards,

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