Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Center align all text and buttons on mobile only


knoble07

Question

Site URL: https://halibut-asparagus-lxxs.squarespace.com/

This seems like it should be simple but the code I tried didn't work so I'm coming here! I would like all text on mobile only to be centered aligned, as well as any buttons.

Here is the code I tried for the text:

@media screen and (max-width: 640px) 
h1, h2, h3, p, { 
   text-align: center !important;
}

Any help would be super appreciated!

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 0

Please give is the site-wide password so we can take a look at your issue.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
  • 0

Found this solution! Still would like all images and buttons to also align...

 

// all text
@media only screen and (max-width: 480px) {
p, H1, H2, H3 { text-align: center; }}
Link to post
  • 0

On a roll - this centered the buttons:

 

@media(max-width: 1220px) {
.sqs-block-button .sqs-block-button-container--left {
    text-align: center;
  }
}
Edited by knoble07
Link to post
  • 0

A piece at a time.

This should take care of centering the mobile menus.

.Mobile-overlay-folder-item,
.Mobile-overlay-nav-item {

  text-align: center;
  
  }

 

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...