Text Blocks 100% Wide On Tablet

Site URL: https://www.cn8.co.uk/about-us

Hi

Really struggling to get my site looking n good on tablet.

Is their a way to make text blocks 100% wide and not in columns when viewed on tablet. I would like o do this for all text blocks and pages on the site.

Please can someone help?

Many thanks

I think it already fine on tablet

Hi

I added this, not sure if it is correct, as if yo look at the contact page it makes the orange button 100% wide when it is not meant to and also the swan images don't appear on tablet and the swan in the footer has disappeared on tablet.

@media screen and (min-width:768px) and (max-width:1024px) {
	.fluid-engine>div {
		grid-area: unset !important;
		display: block !important;
		width: 100% !important;
		margin-bottom: 20px;
	}
	.fluid-engine {
		display: block !important;
		padding-left: 6vw;
		padding-right: 6vw;
	}
}

Can you help?

Much appreciated.

17 hours ago, DavvaMC said:

Hi

I added this, not sure if it is correct, as if yo look at the contact page it makes the orange button 100% wide when it is not meant to and also the swan images don't appear on tablet and the swan in the footer has disappeared on tablet.

@media screen and (min-width:768px) and (max-width:1024px) {
	.fluid-engine>div {
		grid-area: unset !important;
		display: block !important;
		width: 100% !important;
		margin-bottom: 20px;
	}
	.fluid-engine {
		display: block !important;
		padding-left: 6vw;
		padding-right: 6vw;
	}
}

Can you help?

Much appreciated.

I think you solved? but this code will affect to all pages, if you want to make it affect on one page only, let me know, I can give new code