knoble07 Posted October 25, 2020 Share Posted October 25, 2020 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 comment
creedon Posted October 25, 2020 Share Posted October 25, 2020 Please give is the site-wide password so we can take a look at your issue. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
knoble07 Posted October 25, 2020 Author Share Posted October 25, 2020 Quote @creedon pw is karazyness Link to comment
knoble07 Posted October 25, 2020 Author Share Posted October 25, 2020 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 comment
knoble07 Posted October 25, 2020 Author Share Posted October 25, 2020 (edited) On a roll - this centered the buttons: @media(max-width: 1220px) { .sqs-block-button .sqs-block-button-container--left { text-align: center; } } Edited October 25, 2020 by knoble07 Link to comment
creedon Posted October 25, 2020 Share Posted October 25, 2020 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; } Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment