[Theme: Ridizain] Title Cut Off on Mobile

When I check your sample post I get an error saying the post is not found. I checked your last couple posts and they all look fine on mobile. Please make a new sample page if you’re still having a problem.

-Josh

My bad, here is the correct link:
https://futbolpulse.com/2015/12/02/lionel-messi-cristiano-ronaldo-neymar-shortlisted-ballon-dor-2015/

Part of the post title on my iPhone 6 is cut off by the top menu of the site (consisting of the logo and dropdown menu). It has been like this ever since I added that code a couple of months ago, and I couldn’t find a way to fix it.

I can’t really think of a way to permanently fix this, sorry, but I can think of a work around.

Try using some html in your title for that example to include a blank paragraph to act as a spacer, that way your title moves down a line, which should be pretty insignificant on the webpage, but will hopefully fix the mobile issue. Like this maybe?

<p></p> Here is your title

Sorry if this doesn’t help, hopefully someone will come along with a better answer.

So I still don’t really know the answer, but I looked a little further into your site’s code. According to the html the featured image is still technically in your post, but its size is reduced to 0x0 pixels.

What I’m going to say next is just a guess, but maybe it’ll point you in the right direction.

It appears that when you don’t have a featured image, the text is the top content on the page. Not a problem. I think the reason you have a problem when you have a featured image that is 0x0 is the theme is assuming that there will be an image of at least 20px in height, but having it as 0x0 raises the text into the top bar or whatever its called.

To show you more about my <p> idea here is a link to the before and the after.

Look 2 or 3 lines above the line I have highlighted in the pictures and you’ll see the one concerning the thumbnail and how its technically still in the html of the page.