Jump to content

Arrange Folder Drop-Down Top-to-Bottom instead of Left-to-Right

Recommended Posts

  • Replies 2
  • Views 184
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

1 hour ago, MchlKllhr said:

The folder drop-down menu for "Properties" is displaying left-to-right and I just can't figure out how to configure it Top-to-Bottom instead.

This is because of the custom CSS you have added, specifically the float property. Removing your custom CSS will fix this. 🙂

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
20 hours ago, paul2009 said:

This is because of the custom CSS you have added, specifically the float property. Removing your custom CSS will fix this. 🙂

If you don't mind me asking, is there any way I can keep the floating header and change the arrangement of the dropdown folder? Custom CSS I have loaded is below.

 

Quote

// Frosted Blur Header //

.header {
   background: rgba(0,0,0,.4) !important;
   box-shadow: 0px 5px 15px rgba(100,100,100,0.0) !important;
   backdrop-filter: blur(12px) !important;
   -webkit-backdrop-filter: blur(12px) !important;
}

// Frosted Blur Header - When Fixed and Scrolling //

.header.shrink {
   background: rgba(0,0,0,.4) !important;
   box-shadow: 0px 5px 15px rgba(100,100,100,0.0) !important;
   backdrop-filter: blur(12px) !important;
   -webkit-backdrop-filter: blur(12px) !important;
}

// Left Nav Line //

@media all and (min-width:770px){
header nav a{
  display: inline-block !important; 
  float: left;
}
header nav a:hover:after{
  transform: scaleX(1);
  }
header nav a:after {
  display:block;
  content: '';
  border-bottom: solid 1px #ffffff;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
  z-index: 999;
  transform-origin :0% 100%;
 }
}

// Right Align Mobile Menu Links //

.header-menu-nav-item a {
text-align: right;
}

// Shrinking Logo On Scroll - 7.1 //

.header.shrink img {
    max-width: 300px;
    transition: all 0.3s ease-in-out
}

.header img {
    transition: all 0.3s ease-in-out
}

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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