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

Folder: Alignment & colour on hover

Go to solution Solved by tuanphan,



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
Link to post
  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

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 detail answer. / How to Setup Password & Share URL

--- Happy New Year

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



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