[Bastien Chilloux]

Hi

Can you give me the CSS code to have 0 margin left and right (true full-width) on blocks when displayed on mobile devices <769px ?

Thank you !

https://bastienchilloux.com

[tikaram]

@bastienchill : Can you please try adding the following additional css.

@media screen and (max-width: 769px) {
	.site-content > .wrapper {
		padding: 0 !important;
	}
	.wp-block-column {
		margin:0 !important;
	}
	.wp-block-column:not(:only-child) {
		flex-grow: 1 !important; 
	}
}

Regards,
Tikaram

[Bastien Chilloux]

Hi,

Thank you it works great but it is not only affecting the image (see the contact form on contact page is weird looking now).
Maybe you could give me a CSS tweak of this code affecting all the pages excluding homepage and contact page ?

Thank you !

[Bastien Chilloux]

Adding body:not(.home) adds margin to my homepage ‘true’ full-width columns.
I’d like those exclusions on homepage to affect only the player on the top.
Can you please help me on this ?

[Bastien Chilloux]

What is the new CSS code which doesn’t affect my contact page (page-id-334) ?
Can you give me a custom one please ?

[Bastien Chilloux]

Found it myself,
Thanks

[tikaram]

@bastienchill : Glad to know that you have found the solution by yourself. Let me know if you have any more issues.

Regards,
Tikaram

[Author]

Posts