Mobile menu style

Hi
I am wondering is there any way to change the style of the mobile menu like the close button style or the typography style and background colours + the menu separator.
Thank you

Hello,

Please elaborate what you want to change with the help of some relevant screenshots and also provide the URL of the website then we will provide you the CSS for that.

Best Regards

Hi thanks for coming back to me please find the attached photo and I have to provide you with login details
Thank you

Attachments:

You must be logged in to view attached files.

Things that I need to change are:
1- the background colour of the mobile menu
2- The style of the typography of the mobile menu
3- Remove the text next to the close icon and keep the icon itself.
4- change the colour of the mobile menu separator
Thank you

Hello,

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

1) To Remove the close text:

.close-side-widget.wd-action-btn.wd-style-text.wd-cross-icon a {
    font-size: 0;
}

2. To change the background:

.wd-side-hidden.wd-opened {
    background-color: black;
}

3. To Change the color of Seperator:

.mobile-nav .wd-heading {
    border-bottom: 1px solid red;
}

4. To Chnage the typography:

.wd-nav-mobile li a {
    font-size: 22px;
    color: red;
    font-family: 'Playfair Display';
}

Best Regards

[Author]

Posts