Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 25, 2015 at 4:39 pm #493067
    Anton

    Hi,

    here’s the native css code:
    @media only screen and (max-width: 767px) .responsive #top #wrap_all .container {width: 85%; max-width: 85%;}

    i’ve tried these 2 code lines (separately):

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

    The 1st one works on mobile, but enlarges the site layout on PC screen as well. The 2nd does nothing.
    How can I reduce side margins on mobile to 95% instead of 85% by default ?

    August 25, 2015 at 7:46 pm #493172
    Dake

    Hey Anton!

    You can find the specific css to modify the responsive margin on line 108 in your grid.css:

    Here’s an example to force change the margin:

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

    Cheers!
    Dake

    August 25, 2015 at 8:08 pm #493189
    Anton

    That’s right, Dake!
    Thank you!
    You can mark it like resolved.

    August 25, 2015 at 8:12 pm #493194
    Dake

    Hi!

    Awesome, glad I could help :)

    Please let us know if you ever need help in the future.

    Cheers!
    Dake

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘side margins 95% for full site on mobile’ is closed to new replies.