How to align your mobile menu left or right (Pacific, York, & Five)

This old tutorial is only for Squarespace version 7. If you don't know what verion or theme you are using, this article will help you find out! Click here to learn more about Squarespace versions and themes.

If you use a Bedford or Brine theme template, I didn’t forget about you! Check out this tutorial to learn how to change the alignment of your mobile menu.

For most websites across any industry, mobile traffic is a big part of their site visitors. So making sure your site is easy to navigate on the tiniest of screens is key!

In this Squarespace CSS tutorial, I am showing you how to change the alignment of your mobile menu to the left or the right for York, Pacific and Five theme templates.

Be sure to watch the video above for a quick walkthrough on how to install the codes below on your site.

 

YORK

.mobile-primary-nav-links, .mobile-secondary-nav-links { text-align: left; margin-left:-100px}

PACIFIC

#mobileNavigation { text-align: left; padding-left: 50px}

FIVE

#mobile-navigation ul { text-align: left; padding-left:30px}

insidethesquare

Squarespace Circle Leader & Creator of InsideTheSquare.co

https://insidethesquare.co
Previous
Previous

How to center your mobile menu (Bedford & Brine)

Next
Next

How to add your logo to your mobile menu