Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 2, 2020 at 6:09 pm #1200264
    MikeTandySwag

    Hi,

    I have the “Maximum Container width” set to 65%, but I wanted to change it to 100% on mobile and tablets.

    Right now I have:

    @media only screen and (max-width: 1300px) {
    .container {
    width: 100% !important; } }

    But I’m not seeing any changes.

    Thanks

    April 3, 2020 at 9:24 am #1200425
    Rikard

    Hey MikeTandySwag,

    Please post a link to where we can see the problem you are having.

    Best regards,
    Rikard

    April 3, 2020 at 9:26 pm #1200638
    MikeTandySwag

    You got it! Info in private area

    April 5, 2020 at 5:26 am #1200917
    Rikard

    Hi,

    Thanks for that. Please try this CSS instead:

    @media only screen and (max-width: 1300px) {
.container {
    width: 100% !important;
    max-width: 100% !important;
}
}

    Best regards,
    Rikard

    April 6, 2020 at 4:33 pm #1201273
    MikeTandySwag

    Thanks! It looks good on Tablet. But on Mobile it goes all the way to the edge. Thoughts on how to fix that?

    April 7, 2020 at 4:07 am #1201449
    Jordan Shannon

    Hi,

    Try the following:

    @media only screen and (max-width: 767px) {
.container {
    width: 80% !important;
    max-width: 80% !important;
}
}

    Best regards,
    Jordan Shannon

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