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

Recommended Posts

On 2/20/2020 at 9:14 AM, tuanphan said:

Add to Home > Design > Custom CSS


.header-nav-folder-content {
    top: 50px !important;
}

Thank you for looking into this.

I actually have tried this before. Unfortunately it moves down the whole div (or however you say that) so that you stop hovering over it and it disappears before you can click on anything when you move your cursor off the word on the header nav.

Any ideas?

 

Share this post


Link to post
1 hour ago, mtbracer said:

Unfortunately it moves down the whole div (or however you say that) so that you stop hovering over it and it disappears before you can click on anything

Yes @mtbracer, that will happen if the mouse pointer moves outside of the area occupied by the nav folder link. The way to prevent this is to increase the padding around the nav folder link. For example, something like this:

.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content {
  top: 54px;
}
.header-nav .header-nav-item--folder {
  padding-bottom: 26px;
  margin-bottom: -26px;
}

spacer.png


World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm currently booked until the end of May 2020.
Prebuilt Squarespace Extensions for Squarespace 7.0 and 7.1: Enquiry Form ExtensionDate Picker Extension and Age Verification Extension 
Custom Squarespace Extensions: Tell me about the functionality you need

**NEW** Our popular Wishlist extension is now Squarespace 7.1 compatible.

Share this post


Link to post
On 2/24/2020 at 7:08 PM, paul2009 said:

Yes @mtbracer, that will happen if the mouse pointer moves outside of the area occupied by the nav folder link. The way to prevent this is to increase the padding around the nav folder link. For example, something like this:


.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content {
  top: 54px;
}
.header-nav .header-nav-item--folder {
  padding-bottom: 26px;
  margin-bottom: -26px;
}

spacer.png

Ahh. Yes. That's a simple way to do that. Thanks for the help. 

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