Jump to content

Menu on desktop not showing all options - text is too big - HELP?

Recommended Posts

Hi,

On desktop the text is too large on this and you have to scroll to get to other options - how can I make it smaller?

https://www.wildingsnorthumberland.co.uk/

I have the following custom code in at the moment

.header .header-burger{display:flex}
.header-nav, .header-actions {display:none}
.header--menu-open .header-menu {
opacity: 1; visibility: visible; width: 50%;
margin-left: 50%;
box-shadow: -5px 5px 15px #000}
@media screen and (max-width:500px) {
.header--menu-open .header-menu {
    width: 100% !important;
    margin: 0 !important;
  .header-menu * {
    font-size: 10px !important;
  }
}
}

 

image.thumb.png.e68c00060166e5844ba9126924b1bdd5.png

Link to comment
  • Replies 1
  • Views 228
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

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


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.