I would like to reduce main content's max width on every page except for the footer and only for desktop.
At the beginning, I set margins of 50px on every line I created.
But then, when I switch to mobile view on my phone, there are these margins that are not needed - I would like the content to be 100%-wide on mobile phones and tablets.
Hi!
I would like to reduce main content's max width on every page except for the footer and only for desktop.
At the beginning, I set margins of 50px on every line I created.
But then, when I switch to mobile view on my phone, there are these margins that are not needed - I would like the content to be 100%-wide on mobile phones and tablets.
I am sorry, I hope this is clear...
Do you have an idea to do that ?
Many thanks,
All the best,
Manon
Hi Manon,
Try adding this CSS to Custom CSS:
/* Body: Large Screens */ @media (min-width: 1400px) { .wrapper .vc-container .vc-parent-row.row-stretch_row>.vc_row, .wrapper .vc-container .vc-parent-row.row-default, .wrapper .container, .wrapper .content-area { width: 1024px; max-width: 1024px; } }You will have to set a custom size for the body container (except the footer).
Best regards,
Laborator Team