How to change size of title for mobile users

[NikosBat]

Hello guys, how can I change the size of this title only for mobile users?

[Mustafa_Ali · Accepted solution]

<style>
@media screen and (max-width: 767px) {
#shopify-section-template--24466088821068__main .product__title h1 {
    font-size: 2.6rem !important;
 }
}
</style>

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the </body> ----->
before the body ----->
if this code work please do not forget to like and mark it solution

[NikosBat]

Hello Mustafa_Ali thank you so much that had solved my problem!

[Mustafa_Ali]

hey @NikosBat thank you for your response if you need more help feel free to share it

[NikosBat]

Hex Mustafa_Ali, can I somehow apply this size for all my products? Now its only applied on the specific one

[NikosBat]

Hex Mustafa_Ali, can I somehow apply this size for all my products? Now its only applied on the specific one

[Mustafa_Ali]

<style>
@media screen and (max-width: 767px) {
.product__title h1 {
    font-size: 2.6rem !important;
 }
}
</style>

hey @NikosBat just removed the previous code that i give to you 
add a new code then you problem is solved 

[NikosBat]

Hello Mustafa_Ali and thanks for replying, that code does nothing if I paste it above the body part.