Jump to content

Portfolio page full width not possible on mobile?

Recommended Posts

Site URL: https://coverkitchen.squarespace.com

Hello,

I am using Squarespace 7.1 to build our new book cover design website.
Collection portfolio pages do not show full width images on mobile view, only on desktop. However, portfolio sub-page will show full-width on both desktop and mobile. See attached screenshots for your reference. As you can see, the gallery has margins at both sides on mobil view. Actually, it happens also with the header. Does anyone know how to force full-width view on mobile view?

Many thanks in advance!

Best,

Xavier

Screen Shot 2563-08-30 at 08.54.22.png

Screen Shot 2563-08-30 at 08.54.35.png

Link to comment
  • Replies 6
  • Views 834
  • Created
  • Last Reply

Let me know if this is good enough

image.thumb.png.5940548c0d388a2656fcc7f254afad0f.pngTo add CSS, go to Design -> Custom CSS
 

@media screen and (max-width: 767px) {
  .tweak-portfolio-grid-basic-width-full .portfolio-grid-basic {
    padding-left: .4vw !important;
    padding-right: .4vw !important;
  } 
  .header .header-announcement-bar-wrapper {
    padding-left: .4vw !important;
    padding-right: .4vw !important;
  }
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

@bangank36 I have a question: would be possible to have different number of columns in a gallery for desktop, tablet and mobile? (for both portfolio page layout and Gallery Blocks). For example, 4 columns for desktop, 3 for tablet and 1 for mobile.

I know that was possible with Squarespace 7.0, but I am using Squarespace 7.1. It would be great if there is a way to make it possible.

 

Many thanks in advance.

Link to comment
52 minutes ago, ShortAngryViking said:

I dont want to hijack your thread @coverkitchen, @bangank36 would that same code work for this site?

https://ray-cone-ap64.squarespace.com/gallery

Screen Shot 2020-09-07 at 1.44.31 PM.png

Your site is password protected

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.