Jump to content

Mobile Menu - drop down colour options

Recommended Posts

Hello, the dropdown view on desktop is great. I cannot replicate it in the mobile nav. This is what I have set up:

.Header-nav-folder a {border-bottom:1px solid #ffffff}
.Header-nav-folder{box-shadow: 5px 5px 15px rgba(0,0,0,0.25)}
.Header-nav-folder a {padding-bottom:.5rem!important; } 
.Header-nav-folder{background:linear-gradient(to bottom, #fccb90,#f6854e) }
/* dropdown items color */
.header-nav-item:hover a {
    color: #b0ddc9 !important;
.header-nav-folder-item a {
    font-color: #b0ddc9 !important;
#mobileNav .main-nav.mobile-nav a {
  background:linear-gradient(to bottom, #fccb90,#f6854e) 
/* mobile dropdown items color */
.main-nav.mobile-nav hover a {
    color: #b0ddc9 !important;


Link to comment
  • Replies 2
  • Views 230
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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.