Jump to content

How do I Center Mobile Menu Button with Left Aligned Text?

Go to solution Solved by bycrawford,

Recommended Posts

What I want to do is pretty simple and straight forward, though after searching for the last 40 minutes, I still have not found an answer here. I want my text left aligned in the overlay menu (which it is), but with the button still centered. I'm sure this is an easy fix. Maybe I'm too tired, but I can't seem to find it.

www.legalese.media

 

Screenshot_20221227_073328.png

Edited by Elemino
Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Hey! Go into the editor, click on your header and then navigate to the mobile icon. Click 'Overlay menu' and you'll be able to centre align it.

Hope this helps!

Screenshot 2022-12-28 at 11.51.06.png

Sam Crawford | by Crawford.
 
Multi-award-winning Squarespace expert
 
Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need.
Link to comment
On 12/28/2022 at 5:52 AM, bycrawford said:

Hey! Go into the editor, click on your header and then navigate to the mobile icon. Click 'Overlay menu' and you'll be able to centre align it.

Hope this helps!

Screenshot 2022-12-28 at 11.51.06.png

Thanks, but no, this does not help. As stated in my original post, this centers everything. I only want to center the button.

Link to comment
  • Solution
36 minutes ago, Elemino said:

Thanks, but no, this does not help. As stated in my original post, this centers everything. I only want to center the button.

Sorry, I missed that! Use this code:

.header-menu-cta {
  text-align: center !important
}

 

Sam Crawford | by Crawford.
 
Multi-award-winning Squarespace expert
 
Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need.
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.