Hello,
I wish in the desktop version of my site, some columns are narrower, in the column settings I can get it.
https://prnt.sc/10i7l0u
Only I would like the “mobile portrait” version not to change the size of the column, but to be as usual, without any space on the sides.
Is there a quick css I can apply to change the width of the desktop version only, but leave it as the default on mobile?
This is a screenshot for mobile: https://prnt.sc/10i7mov
Thank you.
Hey zibbaldone,
Thanks for the screenshots. Could you post a link to where we can see the actual elements as well please?
Best regards,
Rikard
Of course https://www.marcobizzarro.com/video-3d/
Thank you!
Hi,
Thanks for that. I’m not sure I understand what you are looking to change though, is it that you want to align the REALIZZIAMO ANIMAZIONI 3D DI ALTA QUALITÀ header and paragraph to the center on mobile?
Best regards,
Rikard
Yes, I want it to be all central only in the version mobile, without the margin to the left of the header.
To recap … In the desktop version I want the margin on the left and I put it, it’s ok. In the mobile version I would like everything centered .. but in the editor settings there is no module to differentiate the margin only in the mobile version, so I was hoping you could give me a quick css to apply.
Thank You!
Hi,
Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.main_color .flex_column {
padding: 0 !important;
}
}
Best regards,
Rikard
It works! Only that the mobile performance has dropped on pagespeed .. from 90 to 70 .. Why?
https://prnt.sc/10uahzw
Hi,
That is actually quite a good score. Maybe consider compressing some of your css files?
Best regards,
Jordan Shannon
Ok, thank you!
Hi zibbaldone,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria