Shopify themes, liquid, logos, and UX
Hello, please can somebody tell me if I can change the size of the fonts on my slider but mobile only.
I was given the below code to change the desktop sider, this worked perfectly but it is also changing the mobile.
https://techtron-online.myshopify.com/
crudah
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css for the mobile.
@media screen and (max-width: 425px) {
.Slideshow__Content.Slideshow__Content--bottomLeft .SectionHeader__Heading.SectionHeader__Heading--emphasize.Heading.u-h1{
font-size: 55px !important;
}
.Slideshow__Content.Slideshow__Content--bottomLeft .SectionHeader__SubHeading.Heading.u-h6{
font-size: 25px !important;
}
}
Hope this works.
This is an accepted solution.
hello @Multibrands
Please add the following code at the bottom of your assets/theme.css for the mobile.
@media screen and (max-width: 729px) {
.SectionHeader__Heading.SectionHeader__Heading--emphasize {
font-size: 45px !important;
}
}
code I was given
.Slideshow__Content.Slideshow__Content--bottomLeft .SectionHeader__SubHeading.Heading.u-h6 { font-size: 25px; } .Slideshow__Content.Slideshow__Content--bottomLeft .SectionHeader__Heading.SectionHeader__Heading--emphasize.Heading.u-h1 { font-size: 35px !important; }
Hello multibrands!
Congratulations on your new yet-to-be-launched store.
My name is Damimond.I am a shopify partner.
I understand how difficult it is to make your slider text not responsive on mobile view as I can help you resolve this.
I can help you with this at the theme page before launching your new Shopify store.
Kindly let me know if you have any further questions.
Best regards
Damimond
Thank you, that would be very kind of you.
Can you help with my original post?
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css for the mobile.
@media screen and (max-width: 425px) {
.Slideshow__Content.Slideshow__Content--bottomLeft .SectionHeader__Heading.SectionHeader__Heading--emphasize.Heading.u-h1{
font-size: 55px !important;
}
.Slideshow__Content.Slideshow__Content--bottomLeft .SectionHeader__SubHeading.Heading.u-h6{
font-size: 25px !important;
}
}
Hope this works.
This is an accepted solution.
hello @Multibrands
Please add the following code at the bottom of your assets/theme.css for the mobile.
@media screen and (max-width: 729px) {
.SectionHeader__Heading.SectionHeader__Heading--emphasize {
font-size: 45px !important;
}
}
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