Jump to content

Reduce the padding between the pages within the drop-down menu

Recommended Posts

Hi there, I am using a custom font on my website for the drop down menus at the top of the site but it just recently added a huge gap between the primary navigation titles and the drop down menus. Does anyone have an idea on how to reduce the padding between the pages within each drop down? My site is private for now but here is a screen shot of what it looks like. Ideally I would like to reduce the spacing between events and upcoming events and possibly between the other pages ie b/w upcoming events, venues, type of events and calendar. Thank you in advance!

Also, this is the coding i used to get the font in place: 

@font-face {
    font-family: 'Estilo';
       src: url('https://static1.squarespace.com/static/5d7be41b5cb7d218f8c093c0/t/5d8bc38b609d4674de42bad1/1569440651395/Estilo.otf');

h1 {font-family: 'Estilo';}

     .Header-nav {
         font-family: 'estilo';  
         font-weight: 600;
         font-style: normal;
         font-size: 20px;
         letter-spacing: .0em;
         text-transform: normal;


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


This topic is now archived and is closed to further replies.

  • 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.