Mobile version: center CTA button and adapt desktop banner

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

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

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)