How can I make the shop button center on MOBILE only?

[mayatranquila]

[suyash1]

@mayatranquila Can you please share this page link? this will need css

[mayatranquila]

www.tranquilaswimwear.com

[LizHoang]

Hi @mayatranquila Can you share store url?

[DaisyVo]

Hi @mayatranquila 

Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

[mayatranquila]

It is

www.tranquilaswimwear.com

[DaisyVo]

Hi @mayatranquila 

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
@media screen and (max-width: 768px){
section.hero-banner .hero__content {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
}
{% endstyle %}

Please let me know if it works. Thank you!Best,
Daisy - Avada Support Team.