Adjust Text Size on Desktop View (keeping Mobile Text Size the Same)

Store Design
, , , ,
1

Hello, I recently added a text Box to an Image Banner, while the size of the text is perfect on the Mobile View, it is too small for the Desktop View. How can I adjust the size of the text on the Desktop view only?

2

Hi @mhlavacek

This is Victor from PageFly - Shopify Page Builder App

Please share with me the URL - and password if password protected.

Await for your response

Best regards,

Victor | PageFly

3

Hello @mhlavacek ,

Here is our suggestions:

  • Go to Online Store → Theme → Customize → go to the section include text box you want to change
  • Edit HTML/CSS button → find this similar code:
#text-box {
  font-size: 14px;
}
  • Add a new CSS rule
@media (min-width: 768px) {
  #text-box {
    font-size: 24px;
  }
}
  • Adjust the font size value to your desired size.
  • Save and preview

Let us know if you need any further support.

Have a nice day.

Ali Reviews team

4

Hello @mhlavacek

Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.