main menu in mobile header

Hi,

how can I add main menu in mobile header?

Greetings, Lisa

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

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

Hello,

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

Regards.
Xtemos Studios.

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.

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

Hi,
Thanks!

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

Greetings,
Lisa

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.

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

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

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

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.

Thanks! Looks perfect! 🙂

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.

[Author]

Posts