increase text size header on desktop only

increase text size header on desktop only

studioseductres
Excursionist
47 0 8

Hi helpers

 

I am hoping to increase this text size on desktop only

website: www.studio-seductress.com

password:yesyesyes

 

Screenshot 2025-02-18 at 10.36.23 PM.png

Replies 2 (2)

DaisyVo
Shopify Partner
4340 482 568

Hi @studioseductres 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

.banner__text.rte.caption-with-letter-spacing p {
    font-size: 3rem !important; 
}

 

Result: 

DaisyVo_0-1740040836241.png

 

Best,

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

WebDeskSolution
Shopify Partner
209 46 55

Hello @studioseductres 

 

Please follow the steps below after logging into the Shopify admin:

 

  • Go to your Shopify Admin panel.

 

 

  • Click on Online Store > Themes.
  • Find the theme you want to edit and then click Actions > Edit code.
  • Search base.css
  • Insert the provided CSS code at the end of the file and save the changes.

 

 

@media (min-width: 1281px) 
{
  .banner .banner__content .banner__text p 
   {
        font-size: 24px;
   }
}

 

 

Please hit Like and Mark it as a Solution if you find our reply helpful.

Thank You,


WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency | Call: 877.536.3789


Canada: 150 King St W. STE 200, Toronto, ON M5H 1J9

 | USA: 98 Cutter Mill Rd. STE 466, Great Neck, NY 11021