Jump to content

I can't change the bottom part of the blog post (Not the Footer, just above the footer, the arrows scrolling from blog to blog), it does not look good in mobile mode.

Go to solution Solved by Bknuts,

Recommended Posts

  • Replies 5
  • Views 401
  • Created
  • Last Reply

Top Posters In This Topic

Start with this Custom CSS:

@media only screen and (max-width:767px) {
  .item-pagination {
    display: flex;
    flex-direction: column;
  }
  .item-pagination-link {
    max-width: 100%;
  }
  .item-pagination-link--prev {
    margin-bottom: 16px;
  }
}

If that's not enough, then we can also use CSS to reduce the font size.

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?

Link to comment
8 minutes ago, Ziggy said:
@media only screen and (max-width:767px) {
  .item-pagination {
    display: flex;
    flex-direction: column;
  }
  .item-pagination-link {
    max-width: 100%;
  }
  .item-pagination-link--prev {
    margin-bottom: 16px;
  }
}

Yea, I am afraid this is a bit out of my league sadly. I am not a coder, so I wouldn't really know where to begin with this. But I appreciate the help! 

Link to comment
  • Solution
Posted (edited)

I figured it out 🙂

It can be changed under Site styles--->Fonts--->Asign styles--->Blog Posts---->Pagination. 

Finally 😄

Thx for trying tho!!! 

Here you can check it out: www.theSEOptimized.com

And feel free to give me tips on how I can improve my page if you want, I appreciate any help I can get 🙂
Have a great day!!! 

Bjørnar 

Edited by Bknuts
Link to comment

Create an account or sign in to comment

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


×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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