Jump to content

How do I make my custom online store layout FULL WIDTH

Recommended Posts

8 hours ago, adrianrydz said:

Site URL: https://adrianrydz.squarespace.com/shopart

I used Product Blocks to create a custom online store layout, however I don't like a width of this page.

How can I make my product page to be full width?

page password: yumichan

try

section[data-section-id="60f6f8f1dddc7421f736fde1"] .content-wrapper {
  max-width: inherit;
}

image.thumb.png.4d56c98174f247882ed68e91cb83fc36.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 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
On 7/22/2021 at 10:59 AM, adrianrydz said:

Incredible how kind you are to help people here. I have seen many of your posts before. Thank you very much.

Just found some other problems. Do you want to fix these?

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

1. (Tablet – Homepage) Equal height all boxes

adrianrydz.squarespace.com-01-min.png

2. (Desktop) There is a scroll bar at bottom of the page

adrianrydz.squarespace.com-02-min.png

3. (Tablet – Footer) There is a black space on right of screen

adrianrydz.squarespace.com-03-min.png

4. (Tablet) Reduce space

https://adrianrydz.squarespace.com/shopart

adrianrydz.squarespace.com-04-min.png

5. (Tablet – Footer) Equal all lines

adrianrydz.squarespace.com-05-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 7/23/2021 at 12:45 PM, adrianrydz said:

Yes, of course! May I ask you?

Thank you for taking time to look at all my page!

Add to Design > Custom CSS

/* Tablet */
@media screen and (max-width:991px) and (min-width:768px) {
/* equal carousel list items height */
[data-section-id="60eafb4b1448b0619859babd"] li.user-items-list-carousel__slide {
    min-height: 175px;
}
/* equal footer lines */
div#page-section-60eab2757856727fa4921d02 h3 {
    min-height: 70px;
}
}
/* q2 3 remove scroll bar */
html, body {
overflow-x: hidden;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.