Change Width Of Nav Bar Menu On Desktop

Site URL: https://www.alanbochildrenswriter.com/

Hello,

I'm essentially using the menu hamburger bar as my desktop menu bar. However, the menu in the top right fills the screen on my desktop. Is there a way to make it narrow? All previous CSS codes used in other forum answers don't seem to work, though I'm also terrible at coding so I may be inputting the codes wrong.

https://www.alanbochildrenswriter.com/

Thanks for your time,

Alan

17 hours ago, ABO said:

Site URL: https://www.alanbochildrenswriter.com/

Hello,

I'm essentially using the menu hamburger bar as my desktop menu bar. However, the menu in the top right fills the screen on my desktop. Is there a way to make it narrow? All previous CSS codes used in other forum answers don't seem to work, though I'm also terrible at coding so I may be inputting the codes wrong.

https://www.alanbochildrenswriter.com/

 

Thanks for your time,

Alan

Add to Design > Custom CSS

/* Desktop overlay menu width */
@media screen and (min-width:901px) {
.Mobile-overlay {
    width: 30%;
}
}

Works perfectly. Thank you!