Prestige Theme - Change font sizes on mobile slider

[Multibrands]

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

[dmwwebartisan · Accepted solution]

@Multibrands 

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.

[Multibrands]

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;
}

[Dami_mond]

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

[Multibrands]

Thank you, that would be very kind of you.

Can you help with my original post?

[dmwwebartisan · Accepted solution]

@Multibrands 

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.

[Kinjaldavra · 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;
}
}