Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 16, 2015 at 10:24 pm #460449
    gvidano

    Hi,

    I noticed the width of the responsive container (for mobile devices) is set to 85% as per the code below coming from grid.css:

    @media only screen and (max-width: 767px)
    .responsive #top #wrap_all .container {
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
    }

    I tried to change this to 95% (I like this width a bit better) adding the following code on custom.css but for some reason it does not work, the width remains at 85%. Is there any other way to change it?

    @media only screen and (max-width: 767px)
    .responsive #top #wrap_all .container {
    width: 95% important;
    max-width: 95% important;
    }

    Thanks!

    • This topic was modified 9 years, 6 months ago by gvidano.
    June 16, 2015 at 10:29 pm #460452
    Yigit

    Hey gvidano!

    Please go to Enfold theme options > General Layout > Dimensions and adjust it as needed. You do not need to use custom CSS

    Best regards,
    Yigit

    June 16, 2015 at 10:33 pm #460457
    gvidano

    Thanks, but that only changes the dimensions for desktop, no matter what ratio I use there the .container on mobile remains at 85% and I would like to make it wider..

    June 16, 2015 at 10:43 pm #460466
    gvidano

    Nevermind, I figured it out, it worked by removing the !important from the code.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Width of Responsive Container’ is closed to new replies.