How to center button and Footer text for mobile only

Store Design
, ,
1

Hi there,

I would like to center this button on my website for mobile view only.

Screenshot 2023-09-04 143622.png
Screenshot 2023-09-04 143622.png355×470 19.8 KB

I also would like to center these texts boxes on mobile view only.

Screenshot 2023-09-04 143640.png
Screenshot 2023-09-04 143640.png351×502 13.6 KB

my website url is: https://thesnoozy.com/

2

Hey @GeorgeRizos

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1693831672508.png
Moeed_0-1693831672508.png383×687 18.6 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hello there,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
@media screen and (max-width: 769px){
#shopify-section-template--19311720202589__4498c6aa-31c3-4fae-8565-7f41780e682f .button {
margin: 0 auto;
margin-top: 10px;
}
.footer-block.grid__item.footer-block--menu {
margin: 0 auto;
text-align: center;
}
.footer-block__details-content .list-menu__item--link {
justify-content: center;
}
}

ZestardTech_0-1693831866221.png
ZestardTech_0-1693831866221.png821×799 32.7 KB

ZestardTech_1-1693831879007.png
ZestardTech_1-1693831879007.png1028×653 201 KB

4

Hi @GeorgeRizos ,

This is David at SalesHunterThemes.

Thank you for your question.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → theme.liquid file.

Add the following code in the bottom of the file above tag

David_SHT_0-1693831881705.png
David_SHT_0-1693831881705.png638×1398 41 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team