Jump to content

Dropdown menu in mobile view

Recommended Posts

Hi all. New to squarespace. Not sure if this is the best place to pay. Essentially I am trying to find a way to:

1. Decrease the font size in the drop down menu in mobile view

2. decrease the size of the drop down menu

3. change the colour of the dropdown menu.

Thank you. Togger.

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

Top Posters In This Topic

Top Posters In This Topic

  • 2 years later...

Just an update with anyone has same problem

#1. To decrease font size in mobile dropdown sub menu, use this to Custom CSS

@media screen and (max-width:767px) {
    div.header-menu-controls~div.container * {
    font-size: 10px;
}}

#2. To change color background of dropdown submenu, use this CSS

@media screen and (max-width:767px) {
    [data-folder="root"]~[data-folder] {
    background-color: #f1f !important;
}}

 

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

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.