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

Overlapping Text in navigation menu error

Recommended Posts

Hi - In the navigation menu, when I click on the first drop down, the text at the bottom of the list crowds over the other drop down items.

I have attached a pic for reference - is there anyway I can increase the length of the dropdown box for these items only (it's a long list!)

Screenshot 2019-11-05 07.21.29.png

Share this post


Link to post

Hi, I still haven't got this resolved...

In the primary navigation menu, when I click on the first drop down option, the text at the bottom of the list crowds over the other drop down menu headings.

I have attached a pics for reference - is there anyway I can increase the length of the dropdown box for these items only (it's a long list!) 

Is it a limitation of the amount of links you can have in a menu?

The website is: https://www.marisagarnerassociates.com/

 

Many thanks!!

Screenshot 2019-11-21 14.47.57.png

Screenshot 2019-11-21 14.50.08.png

Share this post


Link to post
On 11/19/2019 at 10:29 AM, MarisaGarner said:

It may just be a list limitation in the code of the template?

Hi Marisa. There's a limitation set on the maximum amount of space assigned to the items in the nav folder, so this effectively limits the number of items before you see this overflow. By default, the maximum height of the folder is set to 1000px. I think the best option is to override this height limitation with some CSS. For example, add this to Design > Custom CSS:

.cs-menu-submenu-open ul {
  max-height: 1218px;
}

Alternatively, you could reduce the spacing between the items in the nav folder so they take up less space but this could impact usability on touch devices:

.cs-menu a {
  padding: 11px 30px;
}

Let me know how you get on.

-Paul


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post

I've posted in your original question @MarisaGarner as it's better to keep everything together.

 


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need 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...