Mobile version: center CTA button and adapt desktop banner

[hikinghacksGS]

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

[KetanKumar]

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

[hikinghacksGS]

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)