Dhowbearcat

Yes I just settled with adding a blank section and making it as small as possible to get rid of the issue.

@tuanphan any insight here?

Site URL: https://www.atouchoftanna.com/home-2

Hello,

Using Squarespace 7.1 and when I add the first section on a page and a background image to that the top of the background is cut off dramatically. Is there a setting or code to prevent this from happening? Please help!

See one of our pages here: https://www.atouchoftanna.com/home-2 
Password: "Brantley714"

Thanks so much @Taunphan this did the trick!

Site URL: https://www.alexisaligns.com/latest-homepage?noredirect

Hello,

I am trying to target the background of specific image card details to change the color. See image below for a mock up designed that I am trying to recreate. I'm having trouble targeting that specific area to change the background color of each image card. Website URL: https://www.alexisaligns.com/latest-homepage?noredirect

Please assist!

Site URL: https://sprout-cinnamon-nygl.squarespace.com/coming-soon?noredirect

Is there a way yo change the background image on a cover page on mobile. 

I am trying to use this CSS to target the image id for the background but it doesn't seem to work.

@media only screen and (max-width: 600px) {
img#yui_3_17_2_1_1638408171512_197{
	content:url('https://static1.squarespace.com/static/6019e8a70f3f30673741f042/t/61a81fb24ebbca75aa73707f/1638408115876/IMG_5123.JPG') !important;
}
}

Any help or guidance is appreciated.

Website: https://sprout-cinnamon-nygl.squarespace.com/coming-soon?noredirect

Password: Transform

Thanks for the confirmation @creedon

Appreciate it!

@bangak36 - It would work for me then it would randomly do this. I've had others test it sometimes it works sometimes it does not.

@Paul2009 - Thanks Paul I was afraid this was going to be the issue. I disabled the Ajax loading. And it seems fine now when I try to recreate the issue. I'm going to have others test on different browsers and devices.

Site URL: https://tulip-ranunculus-xc8d.squarespace.com/build-your-trip

Hello,

I have coded accordions for my website and they seem to work for some people and not others.

I've been able to recreate the issue where the accordions don't open on google chrome and mobile view via google chrome. 

I'm not seeing any particular errors in the console that is pointing to this issue.

Could anyone see if they are able to recreate this issue in chrome or if they are able to help?

https://tulip-ranunculus-xc8d.squarespace.com/build-your-trip

Password: "SuperTrip"

On 10/2/2021 at 12:26 PM, bangank36 said:

Add to Home > Design > Custom Css

@media only screen and (max-width: 768px) {
	#collection-61527cba855cb5447a3b6abe {
		.Index-page {
			.sqs-layout.sqs-grid-12.columns-12 {
				.row {
					display: flex;
					flex-direction: column;
					.span-6 {
						&:first-child {
							order: 1;
						}
					}
				}
			}
		}
	}
}

Hope it is helpful for you

On 10/9/2021 at 4:18 AM, tuanphan said:

@Dhowbearcat Don't remove above code

Add this to Design > Custom CSS

@media screen and (max-width:640px) {
section#up-trip-pt2 .columns-12>.row {
    flex-direction: column-reverse !important;
}
}

 

Thanks @tuanphan that worked.

@bangank36 with this code it swaps the position of the "THE BREATHLESS EXPERIENCE: PUNTA CANA" gallery and content on mobile. I want the gallery to always appear first on mobile for each section.

It will be easier if I can look at the site first hand. You can go to settings-->Site Availability-->  then change to password protected. 

Provide the site URL and the password and I'll be able to have a better look at it.

Hello June,

You will need to edit the ".Footer-inner" class in custom CSS to remove the padding it is applying.

See example code you can paste in Design-->Custom CSS.

You can edit the padding to your liking. The code I provided applies 0px padding all around. You can reference how granular you want to get here. 

.Footer-inner{
  padding: 0px !important;
  
}

Bangank36,

I am trying to target and make the slide show images appear bigger on mobile for the "Brendan's Dirty 30" Image slider. Could you provide some help here?

Yes Thanks Banank36! How did you know what collection and classes to target?

I'm sure I will be doing this on other pages. So would like to know for the future.

Yes sorry pw: "SuperTrip"

Site URL: https://tulip-ranunculus-xc8d.squarespace.com/travel-house

Hello I am looking for some help in re-ordering blocks on this page here: https://tulip-ranunculus-xc8d.squarespace.com/travel-house

In the "Aruba Takeover 2021" Section I would like the gallery block to stack first on mobile above the text content.

I have seen a few similar threads but not having any luck with those solutions. 

Any help/guidance is appreciated! 

Hey TuanPhan,

I was able to fix it with this code below:

@media only screen and (max-width: 768px) {
    #block-yui_3_17_2_1_1632362346311_3023 .sqs-block-content, #block-yui_3_17_2_1_1632362655894_2919 .sqs-block-content {
        height: 200px;
    }
}

Thanks bangank36!

This worked. Appreciate your help on this.

Site URL: https://tulip-ranunculus-xc8d.squarespace.com/aboutus

Hello,

I am trying to have an image collage stack on mobile. On mobile currently it alot of the image is cut off currently and looking to rectify that. 

This website provides a great example of what I am trying to achieve: https://est-bostoncopywriter.com/about.

The page I am trying to edit is here: https://tulip-ranunculus-xc8d.squarespace.com/aboutus

Password: "SuperTrip"

6 hours ago, HoaLT said:

You can add configuration in Design > Custom Css

@media only screen and (max-width: 768px) {
	#block-yui_3_17_2_1_1632362346311_3023 .sqs-block-content, #block-yui_3_17_2_1_1632362655894_2919 .sqs-block-content {
    	height: 100px;
	}
}

 

This worked as well! Thanks HoaLT.

Site URL: https://tulip-ranunculus-xc8d.squarespace.com/destinations

I would like the images in carousel to appear bigger on mobile. Right now they are just too small. 

Is there a way to edit this so the images appear bigger on mobile?

Please assist.

https://tulip-ranunculus-xc8d.squarespace.com/destinations

Password: "SuperTrip"

Thanks HoaLT, 

   That did the trick! 

Do you happen to know how to make the carousel images bigger on mobile?

Site URL: https://tulip-ranunculus-xc8d.squarespace.com/destinations

For some reason the image gallery I have set as a carousel on the page https://tulip-ranunculus-xc8d.squarespace.com/destinations will not center. I've tried a few CSS edits but none are working. 

Someone please help!

https://tulip-ranunculus-xc8d.squarespace.com/destinations

Password: "SuperTrip"