H1-Css not working on mobile (400pxs)

Hi. Normally i can edite the H1 with the class “h1.entry-title”.
This is not working on the mobile version (400px). can u pleas help me?

Thanks and Greetings from germany :slight_smile:

Hello there,

Please try this CSS code:

    @media only screen and (max-width: 400px) {
      .entry-header h2.entry-title,
      .entry-header h2.entry-title {
        font-size: 18px;
      }
    }

If it still isn’t working, perhaps your site has active cache that need to be flushed whenever new cahnges/additions applied; otherwise, web browser will load only cached version of your site.

Regards,
Kharis
aThemes Support

Hi Kharis,

i pasted the css code and deleted the cache… but noething (screenshot).
I tried it also with h1 (instead of H2)… nothing

Please try this code:

    @media only screen and (max-width: 400px) {
      .entry-title,
      .entry-header h2.entry-title,
      .entry-header h2.entry-title {
        font-size: 18px !important;
      }
    }

If it still doesn’t work, please provide us a link to the related page.

Regards,
Kharis
aThemes Support

Now it worked. Thank u so much guys !

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support