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

Navigation Bar: Drop-down Menu Alignment


Sark

Question

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

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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% !importa

Posted Images

6 answers 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;
}

 

Link to post
  • 0
On 12/28/2020 at 7:48 PM, JanaH said:

Site URL: https://www.backspacelaser.com/

Hi, 

I'm having the same problem. 

I've used the code above which works, but for some reason it only works on the first nav link... 

On 'SHOP' the text sits too far too the right.

Screen Shot 2020-12-28 at 11.46.17 pm.png

Screen Shot 2020-12-28 at 11.46.25 pm.png

Hi. Sorry for the delay. I was off some days for the new year, Do you still need help?

Link to post
  • 0
On 2/12/2021 at 6:30 AM, zlinekitchen said:

I'm having a related issue, where the first two menus are left-aligned, then the last menu is right-aligned for some reason?

I'd appreciate any insight! 

image.thumb.png.55c9f10d293bfe5e4ed17aa3a3f07dcd.pngimage.png.1d6a6eb47115989e8288b80e14aa76a1.png

Can you share site url?

Link to post
  • 0

Thank you for the code, I played with the %'s a little and my drop down is now located where I want it  also changed background to white so the drop down did not get lost in the websites text.  Thank you for posting the basic code 

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