Hey,
So I am currently working on my website but i’m not too happy with the mobile view of it. Is there a way I can set the mobile layout to match my desktop one? Or can I reduce the font size so it looks more appealing.
I have my products setup as 2 columns in the mobile layout however the text seems to be overlapping. I have tried a few codes to fix this but I have no resolution.
This is my website with a link to a collection, it looks fine on desktop. https://www.supplieswarehouse.co.uk/collections/capsules
Any help or recommendations would be appreciated.
Hi @Amy200101 ,
Hi @Amy200101 ,
I have reviewed your store and everything appears to be functioning correctly. To better assist you, could you please provide a screenshot showing the issue of overlapping elements and specify how you would like them to be adjusted? Your cooperation will greatly assist us in addressing the matter effectively.
Thank you for your assistance.
As you can see the text doesn’t seem to be in the center and is missing parts. I would like it to show the full text or if its too many characters for it to end in … for example ‘Apple Cider Vinegar Capsules for …’. Shopify recommended a smaller font size but I cant find the correct code for that.
Hi @Amy200101 ,
Here are the steps you can follow:
1, Navigate to Online Store > Themes > Edit Code.
2, Locate and open the theme.liquid file.
3, Paste the code snippet provided below right before the closing head tag, then save your changes.
Here is the result
We hope this assists in resolving the issue.
If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!
Worked perfect. Thank you for the help
