Liquid, JavaScript, themes, sales channels
Dear,
Can anyone help me in adapting the position & alignment of a title on my homepage for the mobile version only?
On desktop it does what I want it to, but on mobile version it looks really big and not put right.
Thank you!
Solved! Go to the solution
This is an accepted solution.
@Christinahadi,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
@media(max-width:749px){
.banner__box *{
font-size: 20px !important;
}
}
</style>
This will change the font size on mobile devices, you can replace the 20px for any value you wish.
Kind regards,
Diego
Hi @Christinahadi ,
Welcome to the Shopify community!
Share your store url with password.
Hi @Christinahadi ,
@media only screen and(max-width:749px){
.banner__heading>*, .banner__text>* {
font-size: 4rem;
}
}
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->section-image-banner.scss.liquid
Note : If your store is having this media already (for mobile version) then no need to add whole code . Only just add css in that media ie 749px(already exist)
Hmm, didn't see any change in the text yet.
Would you know any other solution? Thank you!
Is there anyone that can help me please? Thank you!
This is an accepted solution.
@Christinahadi,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
@media(max-width:749px){
.banner__box *{
font-size: 20px !important;
}
}
</style>
This will change the font size on mobile devices, you can replace the 20px for any value you wish.
Kind regards,
Diego
Thank you Diego!
The font in my button doesn't change with it..
Could you add some code for that too, please? Thanks!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024