Jump to content

Primary Navigation Drop-down Menu obscures the Secondary Navigation Menu

Recommended Posts

Site URL: https://broadwater.squarespace.com/

I have a drop-down folder in my primary navigation bar, entitled "More". The drop down options are cut off on the right side of my browser, so I added the following CSS code to keep it visible:

[href="/more"]+.Header-nav-folder {
    left: -420% !important;

The problem is, now that drop down for MORE obscures access to the secondary navigation menu below it. Do you know any solutions?

Link to comment
  • Replies 5
  • Views 715
  • Created
  • Last Reply

I see mobile banner image on homepage is not fullsize. You can add this to Design > Custom CSS

/* Mobile home banner fullsize */
@media screen and (max-width:640px) {
section#welcome-photo img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
section#welcome-photo {
    min-height: unset !important;
    height: 230px;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.