Site logo

[Resolved] Can’t get a full width container on mobile device.

Home Forums Support [Resolved] Can’t get a full width container on mobile device.

Home Forums Support Can’t get a full width container on mobile device.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1543350
    Sudipta

    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/

    #1543361
    Elvin
    Staff
    Customer Support

    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

    #1543367
    Sudipta

    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!!

    #1543376
    Elvin
    Staff
    Customer Support

    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. 😀

    No problem. 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.