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;

COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL


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