Mobile responsive problem

Hi there,

I’m using Sydney and I have encounter a problem with the mobile responsive design. Indeed, as you can see on the picture, the category line is not responsive.

Do you have any idea on how to fix it?

Thank you in advance for your help!

Hello there,

Do you have a link to your site to share here to help inspect it directly?

Regards,
Kharis

Yes of course:

I gave you a specific URL because it’s not the case for every page. (You’ll see it)

Thank you

Hello there,

Thank you for sharing. Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 600px) {
      html,
      body {
        overflow-x: hidden;
      }
      .meta-post {
        max-width: 100%;
      }
    }

Regards,
Kharis

Thank you for you reply, but it didn’t fix it. Do you have an other suggestion?

Hello there,

What is your mobile phone’s screen resolution?
http://whatismyscreenresolution.net/

Regards,
Kharis

Hello there,

Try this CSS code:

    .entry-header .meta-post {
      word-wrap: break-word;
    }

    .entry-header .meta-post a {
      display: inline-block;
    }

Regards,
Kharis

Hello,

Thank you very much, that worked with this code!

Best regards

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