Home Forums WoodMart support forum main menu in mobile header

main menu in mobile header

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #318415

    Lisawi
    Participant

    Hi,

    how can I add main menu in mobile header?

    Greetings, Lisa

    #318487

    Hello,

    To set the menu for the mobile side menu you need to Go to Appearance >> Menus >> Edit Menu that you want to use as mobile side menu >> Scroll down and set it as mobile side menu.

    Screenshot for Clarification: https://ibb.co/S52hP0p

    Then you can add it in the mobile header using the mobile menu element of the theme.

    If you want to ask anything else then provide a relevant screenshot of the specific area to check it myself and help you out accordingly.

    Best Regards

    #318642

    Lisawi
    Participant

    Hi,
    my problem is, that I wat to have the same menu mobile as in desctop. But in the header options for mobile I can not choose main menu.

    So I have different menus as I can not choose full screen menu for mobile…

    Greetings,
    Lisa

    #318673

    Hello,

    Sorry but the full screen menu doesn’t work for mobile devices. It only works on Desktop.

    Regards.
    Xtemos Studios.

    #319498

    Lisawi
    Participant

    Ok. So hiw can I influence icon size on the mobile menu and change colour to #474747?

    Greetings
    Lisa

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

    Hello,

    Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

    .wd-nav-mobile .wd-nav-img {
        max-height: 30px;
    }

    Sorry, but it is not possible to change the color of the icons.

    Best Regards

    #319666

    Lisawi
    Participant

    Hi,
    Thanks!

    So I ment to chnage background color of menu from white to grey ‘474747.
    How can I do that?

    Greetings,
    Lisa

    #319704

    Hello,

    Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

    .wd-side-hidden {
        background-color: #474747;
    }
    
    .wd-nav-mobile>li>a {
        color: white;
    }
    
    .wd-nav-opener:after {
        color: white;
    }

    Regards.
    Xtemos Studios.

    #319759

    Lisawi
    Participant

    Hi,
    on mobile it looks fine. But on tablet ist dos not move.

    Is is possible that there is a mistake inside here: .wd-nav-mobile>li>a

    Greetings,
    Lisa

    #319785

    Hello,

    Please use the same CSS in the Custom CSS for the tablet area.

    .wd-side-hidden {
        background-color: #474747;
    }
    
    .wd-nav-mobile>li>a {
        color: white;
    }
    
    .wd-nav-opener:after {
        color: white;
    }

    Then check back.

    Best Regards

    #319932

    Lisawi
    Participant

    Perfect thanks! 🙂

    Now there is just a littel thing: the font-family used here is the text font.
    But I want to have it same as menu on desctop.
    So how can I change font-family in custom css?

    Greetigns,
    Lisa

    #319957

    Hello,

    You’re Most Welcome.

    You can try adding the following Custom CSS for that.

    .wd-nav-mobile li a {
        font-family: 'Yanone Kaffeesatz';
        font-size: 20px;
        font-weight: 300;
    }

    Regards.
    Xtemos Studios.

    #319972

    Lisawi
    Participant

    Thanks! Looks perfect! 🙂

    #319983

    Hello,

    We are thrilled that you loved your experience with XTEMOS,We put customer experience and satisfaction as our priority, and your words reaffirms the hard work we put in every day.

    So thanks for your kind words and we look forward to seeing you again.

    Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

    Have a wonderful day.

    Topic Closed.
    Best Regards.

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

The topic ‘main menu in mobile header’ is closed to new replies.