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

Navigation Bar: Drop-down Menu Alignment


Site URL: https://burgundy-carnation-bw5b.squarespace.com/

Hi all!

I am having trouble aligning the text in the drop-down menus in my navigation bar. 

I wanted the drop-down menu text to be left-aligned and used this code to achieve that:

.header-nav-folder-item {
    text-align: left !important;


HOWEVER, for some reason now that drop-down menu is way off to the left and is totally off center from it's parent folder in the navigation bar. How do I keep the drop-down menu text left aligned but make sure it is sitting DIRECTLY underneath the parent folder?

Thank you in advance!

Screen Shot 2020-05-29 at 1.26.51 PM.png

Share this post

Link to post

1 answer to this question

Recommended Posts

  • 0

Try adding to Home > Design > Custom CSS

a.header-nav-folder-title:hover + div, .header-nav-folder-content {
    text-align: center !important;
    position: absolute;
    left: 50% !important;
    right: unset !important;
    -webkit-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
  background: transparent !important;


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

OFF to next Tuesday. Please send to email if you have urgently problem.

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