Next blog options colliding on mobile

Hi there - the titles of our next blog posts are colliding on mobile - Here's an example.  

Is there any way to stop this from happening? Ideally we'd keep the titles but happy if it's 'next' and 'previous' if not. 

Cheers

On 3/5/2023 at 11:38 AM, Krysten-Jadae said:

Hi there - the titles of our next blog posts are colliding on mobile - Here's an example.  

Is there any way to stop this from happening? Ideally we'd keep the titles but happy if it's 'next' and 'previous' if not. 

Cheers

 

You can try adding to Home > Design > Custom Css

.item-pagination-link .item-pagination-title {
  display: none;
}
.item-pagination-link.item-pagination-link--next .pagination-title-wrapper:after {
  visibility: visible;
  content:'Next';
}

.item-pagination-link.item-pagination-link--prev .pagination-title-wrapper:before {
  visibility: visible;
  content:'Previous';
}

Support me by pressing 👍 or marking as solution if this is useful for you

My testing

10 hours ago, Beyondspace said:

You can try adding to Home > Design > Custom Css

.item-pagination-link .item-pagination-title {
  visibility: hidden;
}
.item-pagination-link.item-pagination-link--next .item-pagination-title:after {
  visibility: visible;
  content:'Next';
}

.item-pagination-link.item-pagination-link--prev .item-pagination-title:before {
  visibility: visible;
  content:'Previous';
}

Support me by pressing 👍 or marking as solution if this is useful for you

Hi there - thanks so much for the help. That's looking a bit better but it's still pushing out wider than the screen size on mobile. Any way of preventing this? 

You can try again my previous post

Support me by pressing 👍 or marking as solution if this is useful for you