Mobile and Web Button Alignment

[chichi0114]

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!

[namphan]

Hi @chichi0114,

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

[chichi0114]

Hi Namphan,

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

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

[suyash1]

@chichi0114  can you please share this page link?

[chichi0114]

Hi Suyash1,

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

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

Thank you,

Chichi0114

[LizHoang]

Hi @chichi0114 

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

Thank you

[chichi0114]

Hi LizHoang,

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

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

Thank you,

Chichi0114

[LizHoang]

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;
}