Shopify themes, liquid, logos, and UX
Hi, I am using turbo theme for shopify and when I increase the size of my text in the header, it only increases on desktop view but not on mobile view. Can anyone assist me on this?
Solved! Go to the solution
This is an accepted solution.
Oh, gotcha. Yes, you can repeat the previous steps and use this code instead:
@media (max-width:460px){
.description h2{
font-size: 35px !important;
}
}
Feel free to change the "35px" to any value you wish. It will only affect mobile devices.
Let me know how this goes for you.
Hello,
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one), I'll help you out to the best of my ability.
Kind regards,
Diego
Hi, my landing page URL is https://towelholic.com/products/toweldress-1
Thanks for your assistance
By header you mean the text in the blue bar? If so, use this code:
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > styles.scss.liquid and paste this at the bottom of the file:
@media (max-width:767px){
[id] .promo_banner * {
font-size: 12px !important;
}
}
Let me know whether this is what you need.
By Header I meant the following:
These wordings that I set as heading 2 which increases in size on desktop view but not mobile. Any way to increase the size for mobile too?
Sorry for the miscommunication earlier
This is an accepted solution.
Oh, gotcha. Yes, you can repeat the previous steps and use this code instead:
@media (max-width:460px){
.description h2{
font-size: 35px !important;
}
}
Feel free to change the "35px" to any value you wish. It will only affect mobile devices.
Let me know how this goes for you.
Thank! It worked superbly.
How about the title of my product? is there any way to enlarge the size on mobile too?
You're welcome!
Yes, just use this one:
@media (max-width:767px){
.product .product_name{
font-size: 35px !important;
}
}
Please make sure to click on the button "accept as solution" and "Like" below my answer to help other people in the community.
Kind regards,
Diego
Thanks for the information. Is there a way to increase the menu font size on the mobile as it's really small?
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024