Jump to content

Remove space and center text on dropdown menu

Go to solution Solved by Lesum,

Recommended Posts

  • Replies 4
  • Views 903
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

  • Solution

@jasondane You can add this code in Website > Pages > Website Tools > Custom CSS

#header .header-nav-folder-content {
    text-align: center !important;
    min-width: fit-content !important;
}
#header .header-nav-folder-item a {
    display: inline-block !important;
    text-align: center !important;
}
#header .header-nav-folder-item .header-nav-folder-item-content {
    display: inline-block !important;
}

 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
12 minutes ago, Lesum said:

@jasondane You can add this code in Website > Pages > Website Tools > Custom CSS

#header .header-nav-folder-content {
    text-align: center !important;
    min-width: fit-content !important;
}
#header .header-nav-folder-item a {
    display: inline-block !important;
    text-align: center !important;
}
#header .header-nav-folder-item .header-nav-folder-item-content {
    display: inline-block !important;
}

 

Thanks that worked!

Link to comment

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.