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

Aligning the nav folder title with the top option in the drop-down


Jodi_Ctrl

Question

Site URL: https://pigeon-harpsichord-afjm.squarespace.com

Hi everyone,

I'm trying to get the top drop-down option in my navigation folder to align with the folder title itself (this is as a workaround for the folder title not being clickable in 7.1).

I'm currently using this:
 

/* Nav folder */
.header-nav-folder-content {
    top: 0px !Important;
    width: auto !important;
}


But they are very slightly out of alignment. Has anyone got any ideas? I use a personal plan, so I'm trying to do it with CSS

Many thanks!
Password: HelloWorld1964

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

This worked absolutely perfectly, thank you so much!

5 answers to this question

Recommended Posts

  • 1

Replace (save a copy somewhere) or comment out your previous CSS and add the following.

.header-nav .header-nav-item--folder .header-nav-folder-content {

  padding-top: 0;
  top: 0;
  
  }

.header-nav .header-nav-item--folder:hover .header-nav-folder-title {

  visibility: hidden;
  
  }

.header-nav .header-nav-item--folder:hover .header-nav-folder-item a:first-child {

  padding-top: 0.05em;
  
  }

I don't think you'll need to use !important.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to post
  • 0
6 hours ago, Jodi_Ctrl said:

Site URL: https://pigeon-harpsichord-afjm.squarespace.com

Hi everyone,

I'm trying to get the top drop-down option in my navigation folder to align with the folder title itself (this is as a workaround for the folder title not being clickable in 7.1).

I'm currently using this:
 


/* Nav folder */
.header-nav-folder-content {
    top: 0px !Important;
    width: auto !important;
}


But they are very slightly out of alignment. Has anyone got any ideas? I use a personal plan, so I'm trying to do it with CSS

Many thanks!
Password: HelloWorld1964

What template do you use?

Link to post
  • 0
7 hours ago, creedon said:

Try adding the following to your CSS.



padding-top: 0;

Let us know how it goes.

Hey, thanks! It didn't work at first, but I added:
 

    padding-top: 0 !important;


and that did the trick! Can't believe I didn't try it before, thank you so much!

You wouldn't happen to know if it's also possible to hide the folder title text on hover, would you?

Edited by Jodi_Ctrl
Link to post
  • 0
On 10/17/2020 at 8:26 PM, creedon said:

Replace (save a copy somewhere) or comment out your previous CSS and add the following.


.header-nav .header-nav-item--folder .header-nav-folder-content {

  padding-top: 0;
  top: 0;
  
  }

.header-nav .header-nav-item--folder:hover .header-nav-folder-title {

  visibility: hidden;
  
  }

.header-nav .header-nav-item--folder:hover .header-nav-folder-item a:first-child {

  padding-top: 0.05em;
  
  }

I don't think you'll need to use !important.

Let us know how it goes.

 

This worked absolutely perfectly, thank you so much!

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