How do I turn image banner title to 'medium' size only on mobile

How do I turn image banner title to 'medium' size only on mobile

lukafernada
Explorer
151 2 56

Could I have a custom css. code so I can apply it to only specific pages

Image 03-10-2024 at 13.18.jpeg

Replies 2 (2)

comercioservice
Shopify Partner
264 37 30

@lukafernada  if you click on the root sections 

gutenplayer_0-1727958868458.png


then i thing you will found a css page it will help you css only for this page 
also each sections have id, so you can do css with id
also 
 this might require some custom coding. You can contact us for any kind of support through our DM.

Thank you

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!

Tech_Coding
Shopify Partner
384 106 90

Hello @lukafernada 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
  #Banner-template--20658745770333__image_banner_q96hEq h2.banner__heading.inline-richtext {
      font-size:38px !important;
   }
}
</style>

Tech_Coding_1-1727962282449.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.