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

Folder: Alignment & colour on hover



I have added some css to change a folder on my primary menu but I have two issues that I need assistance with:

  1. I want the drop down folder and it's pointer to be centered with the name of the menu item, and
  2. How do I get the colour on hover to go right to the edges (left and right) instead of stopping short.

For the life of me I can't work either of these issues out.

Website: https://stephanie-g.net/



Edited by StephanieG
Initial Revision

Share this post

Link to post

8 answers to this question

Recommended Posts

  • 1

@StephanieG Add to Home > Design > Custom CSS

Question 1.

/* Center Dropdown */
.Header-nav-folder {
 margin-left: -2em !important;

Question 2. Change padding: 7px !important; to padding: 7px 0 !important;

in the following code

.Header-nav--primary .Header-nav-item:nth-child(2) .Header-nav-folder {
   background-color: #f4afcf !important;
   min-width: 100px !important;
   color: #fff !important;
   font-family: karla,sans-serif;
   font-size: 12px;
   padding: 7px !important;
   text-align: center;
   letter-spacing: 1.5px;

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

How to Setup Password & Share URL  Squarespace Customer Care

Share this post

Link to post
  • 0

@tuanphan Thank you, thank you, thank you - worked perfectly.

I have spent days on this... I knew it had to do with margins and padding but couldn't work out what..



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