Jump to content

Blog (Read Previous/Read Next) text overlapping on mobile

Go to solution Solved by Ziggy,

Recommended Posts

Whitney_Vienna_Waits Level 4

Whitney_Vienna_Waits

Posted
Posted

Site URL: https://vienna-waits.com/blog/living-with-intention

Hi there - I noticed on mobile that at the bottom of a blog post where it shows the titles of the previous and next blog that the text is overlapping on mobile. Is there anyway to fix this? I can't seem to find another inquiry about this or how to fix on the site. Screenshot attached. Thank you! 

https://vienna-waits.com/blog/living-with-intention

Screen Shot 2024-11-26 at 9.47.49 AM.png

  • Replies 3
  • Views 90
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Whitney_Vienna_Waits
Whitney_Vienna_Waits

Worked like a charm! Thank you so much @Ziggy!

Posted Images

  • Solution
Ziggy Level 14

Ziggy

Posted
  • Solution
Posted

Add this to Custom CSS: 

@media only screen and (max-width:767px) {
  .item-pagination[data-collection-type^="blog"] {
    display: flex;
    flex-direction: column;
  }
  .item-pagination-link {
    max-width: 100%;
  }
  .item-pagination-link--prev {
    margin-bottom: 16px;
  }
}

Let me know how you get on.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Ziggy Level 14

Ziggy

Posted
Posted
3 minutes ago, Whitney_Vienna_Waits said:

Worked like a charm! Thank you so much @Ziggy!

No problem!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources