Need code for Desktop Hamburger menu half page

Hello

I am using the pacific theme for a client, and they specifically requested the hamburger menu icon. The issue they would like changed is that when you click on the hamburger icon, the menu comes up full screen, they are hoping for something half page, and with much smaller font size. Right now it is full screen and the font size is huge. Any help would be much appreciated!

Thanks

David

Hi @loftcreativegroup

I used this CSS:

#overlayNav {
                   width: 70%;
}
#mobileNavigation a {
                   font-size: 20px !important;
                   line-height: 2em !important;
}

Thanks Ill give it a try!

sorry, perhaps im placing it in the wrong location? Im injecting code into the header section correct?

@loftcreativegroup

Put it in Design > Custom CSS

Awesome thank you so much! Works perfectly!!

@MagneM

I have the same request for Brine. We have forced the hamburger for desktop display using mobile breakpoint but don't want the menu to overlay the entire desktop screen. Do you have any suggestions for code to reduce the overlay on desktop to ~50%?

I appreciate your help!