Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 17, 2014 at 1:07 am #369266
    virtualsa

    Hello Everyone!

    I have a problem, and I need help yours…

    In my website I have a image without side margins, but this image in mobile mode, stay a big side margin… What’s happening?

    Has some kind of code to solve this?

    Tks and Cheers!

    December 17, 2014 at 5:35 pm #369577
    Elliott

    Hi virtualsa!

    Are you referring to the “tres lagoas” image? Try adding this to your custom CSS.

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

    If that’s not it then take a screenshot and highlight what your seeing so we can get a better idea.

    Best regards,
    Elliott

    • This reply was modified 10 years ago by Elliott.
    December 17, 2014 at 9:48 pm #369750
    virtualsa

    Hello Elliot!

    I’m trying paste this code, but not work…
    I’m spending a picture for you to understand what image they want you to be full width in mobile…

    http://43d.f6c.myftpupload.com/wp-content/uploads/2014/12/ask.jpg

    December 18, 2014 at 4:56 pm #370049
    Elliott

    Hi!

    Try adding this to your custom CSS.

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner { max-width: 100% !important; width: 100% !important; }
}

    Or if that is causing weird behaviour then drag a codeblock element to your page and add this inside.

    <style type = "text/css">
@media only screen and (max-width: 767px) {
#av-layout-grid-2 .responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner { max-width: 100% !important; width: 100% !important; }
}
</style>

    Best regards,
    Elliott

    December 19, 2014 at 6:41 am #370449
    virtualsa

    Ohhhhh Now worked!
    Thanks Elliott!

    Chers!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Side margins in Mobile’ is closed to new replies.