Mobile and Web Button Alignment

Store Design
1

Hi,

I need help fixing the ‘Reserve Now’ button. On web, it sits perfectly under the three column images. But, on mobile it moves to the top right hand corner. How can I fix this?

Thank you!

Screenshot 2024-12-05 at 2.41.28 PM.png
Screenshot 2024-12-05 at 2.41.28 PM.png2112×1218 352 KB

Screenshot 2024-12-05 at 2.41.21 PM.png
Screenshot 2024-12-05 at 2.41.21 PM.png724×1118 260 KB

2

Hi @chichi0114 ,

Please send the website link, I will check it for you

3

@chichi0114 can you please share this page link?

4

Hi @chichi0114

Can you share with me the link to check further for you ?

Thank you

5

Hi Namphan,

This is the website link, thank you! I dmed you the password!

https://the-triangle-club.myshopify.com/

6

Hi Suyash1,

This is the website link. I also dmed you the password!

https://the-triangle-club.myshopify.com/

Thank you,

Chichi0114

7

Hi LizHoang,

This is the website link. I also dmed you the password!

https://the-triangle-club.myshopify.com/

Thank you,

Chichi0114

8

Hi @chichi0114

Thanks for sharing with me.

You can follow the instruction here:

  1. Go to Shopify > Theme > Customize

  2. Go to Settings > Custom CSS > Copy and paste the code below to the section > Save

@media screen and (max-width: 768px){
.multicolumn .title-wrapper-with-link.multicolumn__title > a.link.underlined-link {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}