mobile version: center CTA button and adapt desktop banner

mobile version: center CTA button and adapt desktop banner

hikinghacksGS
Tourist
9 0 5

hi there I'm having 3 issues with the mobile optimisation:

- in the mobile version of homepage I would like to center the 'learn more' button at the top of the page - but if I add the margin-left it will affect also the rest of the buttons (the "shop now" ones).

- also, any chance I could also  fix the position for the video player button?

- top of the homepage: the desktop version has a banner that is not displayed in the mobile cos it's too big. how to I replace it with a smaller one?

the website is https://www.wype.com.au

hikinghacksGS_0-1626823170817.png

hikinghacksGS_1-1626823185978.png

 

 

Replies 2 (2)

KetanKumar
Shopify Partner
37112 3646 12056

@hikinghacksGS 

sorry for this issue yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.feature-row__text {text-align: center;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
hikinghacksGS
Tourist
9 0 5

first thanks so much @KetanKumar !

so it worked for the 'learn more' button but:

- the play button on the video is still messed up (same happens here)

- and the shop now button in this page is still on the left side (see screenshot)

 

 

hikinghacksGS_0-1626842461730.png