Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
ItsOK

Formatting the Hamburger Menu Overlay on Desktop

Question

Site URL: http://www.ozankarakoc.com

Hello Friends!

(My website is at www.ozankarakoc.com and I'm in the Business Plan.)

Thanks to an earlier post, I achieved to force the hamburger menu to show up on desktop, but I couldn't find a way to format the overlay that opens when clicking the hamburger menu icon. 

The font size is too big that, when I place all my menu items, a scroll bar shows up, which looks unprofessional.

Is there a way to make the font smaller or reduce the line spacing so that all the navigation items fit in the overlay?

Thanks in advance!

Ozan

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 1

Add to Home > design > Custom CSS

.header-menu-nav-item a {
    padding-top: 1vw;
    padding-bottom: 1vw;
}
.header-menu-nav-folder[data-folder="root"] {
    overflow: hidden;
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

This is great! Thanks a lot  @tuanphan!

For others who might benefit from this thread, I've also found this code which allows to change the background color of that overlay:

.header-menu-bg {background: #0e0e0e !important;}

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...