Archived topic
Can't get a full width container on mobile device.
3 replies · Started by Sudipta on November 23, 2020
I have freshly installed Generatepress on one of my site, and imported the Marketer template. I want to have a full width container on mobile devices.
I have tried Customize > Layout > Container > Container width, it is working fine for Desktop view but the slider is not working for mobile devices, I am not able to change the container width for mobile.
P.S. I don't have a child theme.
Post URL: https://www.lyfurban.com/2020/11/22/the-nerve-line-of-logistics-industry/
Hi,
You seem to have this CSS on your Appearance > Customize > Additional CSS.
@media (max-width: 768px) {
body .site.grid-container {
margin-left: 30px;
margin-right: 30px;
}
}This prevents the mobile view from going full width by 30px on both left and right.
To address this, simply remove this CSS.
This should be the result if you remove it: https://share.getcloudapp.com/2Nu0k6Jo
Wwaaooww... thank you so much man, it works like a charm now!
Looks like copy-pasting CSS can be a headache sometimes
The response time was beyond my expectations, keep up the good work 👌👌
Thumbs up!!
Wwaaooww… thank you so much man, it works like a charm now!
Looks like copy-pasting CSS can be a headache sometimes
The response time was beyond my expectations, keep up the good work 👌👌
Thumbs up!!
Glad it works for you. :D
No problem. :)
