Words are breaking on previous article/next article on mobile devices

[sorelh]

Hi, when looking at my site on ipad and mobile devices, the words are breaking in my previous article/next article area on my post pages. The words are breaking up to fit the space.

If you look at the bottom of the post page below, you will see that at the bottom of the page there is a grey area with white text for the previous article/next article.

http://happyendingnews.co.uk/sport/winston-churchill-wins-race-on-anniversary-of-leaders-death/

How do I stop the words from breaking and going onto the next line?

Thanks, Sorel

[Kyle – SUPPORT]

Hi

why would you not want them to break? Otherwise some words will be hidden

– Kyle

[sorelh]

This reply has been marked as private.

[Kyle – SUPPORT]

For me the words aren’t breaking?

– Kyle

[sorelh]

This reply has been marked as private.

[Swift Ideas – Ed]

This css will change it to break-word, rather than letter:

.post-pagination-wrap h2 {
word-break: break-word;
}

1) I don’t see this being cut off, can you provide a screenshot?

2) Add this css:

.mobile-browser .comments-likes .love-it-wrapper {
display: none!important;
}

body.category .blog-item .excerpt {
display: none!important;
}

3) Have you updated to the latest version of the theme? Looks like there is a JS error on post pages. If you’ve updated and are still having issues then please disable the performance option so that we can see where the issue is.

– Ed

[sorelh]

This reply has been marked as private.

[sorelh]

This reply has been marked as private.

[Kyle – SUPPORT]

It is for us to continue to support the issue, otherwise it could be something we fixed in the update

– Kyle

[sorelh]

This reply has been marked as private.

[Kyle – SUPPORT]

Theme Options > General and click ‘Performance Options’

– Kyle

[sorelh]

This reply has been marked as private.

[sorelh]

This reply has been marked as private.

[Swift Ideas – Ed]

The header issue on post pages is very odd – not seen this locally. I’ve attached a fix build, please test this – http://d.pr/f/15PM1/1h2Qy0rq

1) The link isn’t working for this anymore, can you clarify?

2) The top bar is hidden on iPad as standard. You can enable it with the following custom css:

@media only screen and (max-width: 991px) {
.mhs-tablet-port .header-wrap, .mhs-tablet-port #top-bar {
display: block!important;
}
}

NOTE: the mobile header will show above the top bar.

– Ed

[sorelh]

This reply has been marked as private.