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

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

Edited by coverkitchen
Link to post
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Hello bangank36 You are a genius! It worked perfectly. Thank you very much for your valuable help. 

Posted Images

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;
  }
}

 

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Enable Pinch/Zoom on lightboxGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post

@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.

Edited by coverkitchen
Link to post
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

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Enable Pinch/Zoom on lightboxGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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