Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Navigation buttons at the bottom of folio overlap on mobile site


Recommended Posts

Site URL: https://jonaswilsonmedia.com/my-work/landscape

Hey, new Squarespace user here. I've recently published my photography portfolio site but have since noticed some issues with the design when viewing on mobile. I';m very happy with the layout on the desktop site, however when accessing certain sections of the folio, there are buttons at the bottom to switch between 2 sections which overlap and are impossible to read properly, (see image attached). These buttons were automatically there and I did not add them myself, I was just wondering if there was a way to replace the text with simply arrows, or perhaps have one line of text positioned higher or lower on the page to avoid overlap.

If anyone has any tips I would greatly appreciate it!

IMG_8720.jpg

Link to post
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Add to Design > Custom CSS /* portfolio pagination */ @media screen and (max-width:767px) { section.item-pagination[data-collection-type^="portfolio"] h2 { display: none; } }  

Posted Images

Add to Design > Custom CSS

/* portfolio pagination */
@media screen and (max-width:767px) {
section.item-pagination[data-collection-type^="portfolio"] h2 {
    display: none;
}
}

 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...