Mobile Menu Font Size

Screen%2BShot%2B2019-12-31%2Bat%2B9.23.19%2BPM.jpg

Description

Adjust the font size of the mobile menu links. This plugin uses css editor and works with Squarespace 7.1.


How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Mobile Menu Text //

@media screen and (max-width: 767px) {
.header-menu-nav-item a {
  font-size: 20px;
}
}

// Mobile Menu Button //

@media screen and (max-width: 767px) {
.header--menu-open .header-menu .header-menu-cta a {
  font-size: 20px;
}
}

Customize

Adjust all font size values to your liking.


Previous
Previous

Gradient Site Header

Next
Next

Hide Social Icons In Mobile Menu