[Resolved] Mobile version width

[Nikola]

Hello,

I have a small issue with site width in mobile version. There is some space on the right side and I can’t figure out what causes this.

I tried with changing settings for header, sidebars etc. but no change.

[Tom]

Looks like something in your content is wider than the container and pushing itself out of it.

Can you see anything sticking out as you scroll down?

[Nikola]

It’s strange since it happens also when there is only single post or contact page for example, without sidebars or any widgets.

[Tom]

Can you link me to a page where it’s happening?

[Nikola]

Of course. Can I email it to you since the site is not yet finished?

[Tom]

Absolutely, just use the contact page on this site.

I’m off to bed pretty quickly (almost 12am), so if you don’t hear from me tonight I’ll get back to you first thing in the morning 🙂

[Nikola]

No problem Tom, it’s not urgent. Thank you so much.

[Frank Vincent]

This is also happening with my site, so I’m also interested in what causes this. Thanks.

[Tom]

Try adding this CSS:

.search-item .screen-reader-text {
    top: 0;
    right: 0;
    left: auto;
}

I’ve added this to the next version.

[Nikola]

As always! Thank you!

[Tom]

Thanks for reporting it! 🙂

[Nikola]

Hi Tom, this is happening again. 🙁 Could you please take a look? Thanks.

[Tom]

Is adding the above CSS not fixing it anymore?

[Nikola]

Noup. It was fine for some time and now it came back. I’m confused.

[Tom]

I just made an adjustment to the CSS above 🙂

[Author]

Posts