Archived topic
I have some weird spacing/ga on mobiles only on the right of the main container.
3 replies · Started by Kostas on March 6, 2022
hi,
i have some weird spacing/gap happening on the right of my website.
When i go on mobiles i am able to move the website left-right rather than it be fixed width.
I have tried disabling all sections but it remains there.
I am afraid some setting might have extended some container out of the fixed width or so?
Could you please have a look?
Hi there,
if i use the browser developers tools to 'delete' the Contact Form from the page then the overflow goes away.
Looking at some of the forms css i see this is the issue:
@media screen and (max-width: 768px) {
.wpcf7-spinner {
width: 100%;
}
}They force the element to be 100% but didn't consider it has 24px of left and right margins so it overflows.
You this CSS to correct that:
@media screen and (max-width: 768px) {
.wpcf7-spinner {
width: calc(100% - 48px) !important;
}
}thanks again David, you nailed it!
It caused me some headache this one,
cheers!
Glad to be of help
