Changing header size for mobile - previous solutions here are not working

Store Design
1

I need to decrease quite a bit the main-header-logo-text . I am adding to theme code after the this: The element is “#main-header-logo-text heading-font h2” so I am confused if i need to include that heading-font?.. Anyway i wrote:

@media only screen and (max-width: 450px)
{
#main-header-logo-text
{
font-size:0.6em;
}
}
and also tried

@media (max-width: 450px) { #main-header-logo-text.heading-font.h2 { font-size: 20%; } }

at no avail

I tried with the on the home page…

Thanks for any help!

2

@ladyluna

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.