Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #579756


    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?


    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; }



    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



    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,


    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.


    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; }



    Hi DesmondUDT,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,


    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.


    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,

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