Full Screen Mobile Menu

How can I achieve a full screen mobile menu rather than have it half-way the screen. There is no settings on the mobile menu option to turn it to full screen or change the width. Client suggestion from the screenshot provided. Also is there a way to add a logo to the menu itself?

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the site URL so i will check and give you a possible solution.

Best Regards.

https://11u.f99.myftpupload.com/
I had to go through the inspection to find the solution for the full screen mobile menu. I needed to also get rid of the border lines. below is the code used. Its very frustrating that there is no customization features on for the mobile menu!

.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-left.wd-opener-arrow.wd-opened {
width: 100%;
}
.whb-header {
margin-bottom: 0px;}

html .wd-nav-mobile > li > a {
letter-spacing: 2px;
}

.wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a {

border-bottom: 0px solid var(–brdcolor-gray-300);
}

Attachments:

You must be logged in to view attached files.

Hello,

Unfortunately, it is not possible. HTML structure does not allow solving it by custom CSS. it is not possible to move to the top.

Best Regards.

[Author]

Posts