Related products typo size mobile / Debut theme

Store Design
1

Hey,

I would like to know how can I manage on mobile the typo size of the ‘‘you may also like’’ of the related products on a product page ?

Thanks.

Link : https://relentless-clothingz.myshopify.com

Password : cohghozo

2

Hi there,
Jack from OpenThinking here!

  1. In Shopify admin, go to Online store > Themes
  2. Click Actions > Edit code
  3. Search for themes.css file inside /assets/ directory
  4. Paste the following code at the very bottom of that file.

Try this code:

section.related-products h4 { font-size: 4rem }

change 4rem with the size your want.

let me know if this works for you. If yes: accept my answer and give me a thumbs up! Thank you.

1 Like
3

Thanks for the answer, but it also affect the font size on computer, is it possible to manage only on mobile ?

4

Yes, use this code instead:

@media (max-width: 750px) { section.related-products h4 { font-size: 4rem } }
1 Like
5

Thanks for the help, it works.