Shopify themes, liquid, logos, and UX
Hi Shopify Community!
I just wondering if you could help me decrease the mobile font size, while retaining the font size of desktop view? Here is my shop link : https://ingcostores.com/ .
I really do appreciate your help!!!
Sincerely,
Jayson
Solved! Go to the solution
This is an accepted solution.
Hi @baynojayson ,
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>
<style>
@media (max-width: 768.98px) {
body {
font-size: 14px!important;
}
}
</style>
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
This is an accepted solution.
Hi @baynojayson,
Please go to Actions > Edit code > Assets > main.css file and paste this at the bottom of the file:
@media (max-width: 768.98px) {
:root {
--body-font-size: 14;
}
}
This is an accepted solution.
Hi @baynojayson,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head>
<style>
@media only screen and (max-width: 768px) {
body {
font-size: 1.4rem!important
}
}
</style>
If it helps you, please like and mark it as the solution.
Best Regards 😊
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
This is an accepted solution.
Hi @baynojayson ,
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>
<style>
@media (max-width: 768.98px) {
body {
font-size: 14px!important;
}
}
</style>
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Wow!! Really thanks for your help my friend!! I do really appreciate your kind assistance
Hi Makka.
I am just wondering if this is possible for shopify, wherein in one store it could feature other website. https://www.abenson.com/
This is an accepted solution.
Hi @baynojayson,
Please go to Actions > Edit code > Assets > main.css file and paste this at the bottom of the file:
@media (max-width: 768.98px) {
:root {
--body-font-size: 14;
}
}
Hi @baynojayson,
This is possible, would you like to add it here?
Yes correct 🙂 May I know if you could offer your service ? 🙂
Thank you Namphan
This is an accepted solution.
Hi @baynojayson,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head>
<style>
@media only screen and (max-width: 768px) {
body {
font-size: 1.4rem!important
}
}
</style>
If it helps you, please like and mark it as the solution.
Best Regards 😊
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024