Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 8, 2016 at 5:05 pm #579756
    mepho

    Hi,

    I post photos to my site through custom post type using an advanced layout builder. I use a color section with an image media element in the builder. I like how it looks on desktop, however I would like it to be full width on mobile screens (no bezels / edges). Is that possible?

    February 9, 2016 at 3:28 am #580033
    Elliott

    Hi mepho!

    Add this to your custom CSS.

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

    Cheers!
    Elliott

    February 9, 2016 at 4:17 am #580058
    mepho

    Perfect, thank you so much! Don’t mean to be annoying, but I have another thread hanging for some time now – I would appreciate any help. Thank you again for this

    February 10, 2016 at 4:06 am #580736
    Rikard

    Hi,

    We have a lot of open requests right now but we will get to your other thread soon enough, thanks for being patient with us.

    Best regards,
    Rikard

    June 19, 2018 at 10:51 am #974684
    DesmondUDT

    Hi,
    I have the same question as the 1st post and the above custom CSS has helped solve my issue.

    However, would it be possible to have a slight bezels on mobile?
    Currently this CSS stretched all the images and content right to the edge of the mobile and it is hard for reading.

    June 19, 2018 at 10:53 am #974687
    DesmondUDT

    Kindly ignore my previous message, I got it! Just changed the percentage

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

    Thanks!

    June 19, 2018 at 8:13 pm #974922
    Victoria

    Hi DesmondUDT,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 3, 2020 at 8:34 pm #1234952
    amyteslin

    Hi I want to do this but only for images as the css you have given means the burger menu and header logo etc all lock up to the edges.

    August 5, 2020 at 6:52 am #1235313
    Rikard

    Hi amyteslin,

    To get images to go full width then you need to alter the width of the container element, that would include the header. All other content would also go full width, and it might take a lot of custom CSS to have the other content not go full width.

    Best regards,
    Rikard

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