Jump to content

Summary Block Events: Stacked Not stacking?

Recommended Posts

Site URL: https://www.2chanceranch.ca

Hi all,

I've used a summary block "events: stacked" on the home page of the site. (image attachedf - it's the section right under the header) and for some reason it's NOT stacking on mobile? The image is really small with the text on the right. Is this an errror on sqsp's part? I wouldn't think I would have to add code to make it stack properly.

Any help, code is welcome. Oh and i did try and remove all code from the site to check if it had something to do with that.

thanks!

42125189_ScreenShot2020-09-14at11_48_14AM.thumb.jpg.af50cf4728a1ead27349e3641ed20210.jpgIMG_0226.thumb.PNG.bf6388c8e26464956d39d9536bf95eb1.PNG

Link to comment
  • Replies 2
  • Created
  • Last Reply

Add to Home > design > Custom CSS

/* Home summary stacked */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1594922674315_8551 {
	.summary-block-setting-design-list .summary-thumbnail-outer-container {
    float: none !important;
    width: 100% !important;
}
img {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
}
.summary-content.sqs-gallery-meta-container {
    width: 100% !important;
    margin-top: 20px;
}
}
}

 

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 9/14/2020 at 3:11 PM, tuanphan said:

Add to Home > design > Custom CSS


/* Home summary stacked */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1594922674315_8551 {
	.summary-block-setting-design-list .summary-thumbnail-outer-container {
    float: none !important;
    width: 100% !important;
}
img {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
}
.summary-content.sqs-gallery-meta-container {
    width: 100% !important;
    margin-top: 20px;
}
}
}

 

thank you @tuanphan it's so frustrating that we have to do this though.
I'll let you know how it works.

 

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.