Shopify themes, liquid, logos, and UX
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
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)
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025