How can I adjust mobile typo size for different instafeeds?

Store Design
1

Hey,

I would like to know how can I manage on mobile the typo size of my two different instafeed on a product page and on the home page ?

Thanks.

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

Password : cohghozo

2

Hi there,
Jack from OpenThinking here!

Try with the following code:

@media (max-width: 750px) {
/** home page */
.template-index #insta-feed h2 { font-size: 4rem; }

/** product page */
.template-product .instafeed-shopify h2 { font-size: 4rem; }
}

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 solution, it’s exactly what I wanted.

4

Awesome! Have a nice weekend! :slightly_smiling_face:

Jack.

1 Like