Before you ask please READ THIS

Responsive Help 375px

in Rife Posts: 87
Hi

I have an issue with portrait display of a section on 375px - my images do not display and the columns should really do the same as at 360px and stack but they are not.

360px is no problem everything mobile portrait above this is not displaying correctly - 375, 414 etc

I tested it all on Elementor but it doesnt show these widths

Im sure its not a theme issue but just wondered if you can offer a quick CSS fix - Many Thanks

I will send page and section link via your contact form.

screenshot of issue attached - images missing and column should really stack

Thanks

Screenshot 2019-01-13 11.21.12.png
1920 x 1080 - 174K

Comments

  • AirAir
    edited January 2019 Posts: 10,970
    Hey :-)

    I see that you have set 160px padding for this column on tablet width and 0px for mobile width.

    However, it seems Elementor put these styles in wrong order, and this 0px was overwritten by 160px. Not sure, why it happened in the wrong order.

    Anyway, I have added Custom CSS to your section(screenshot). You can copy it to other problematic places.
    @media(max-width:767px){
            selector{ padding: 0px 0px 0px 0px;
        }
    }
    image

    With kind regards.
    screenshot-beta.metta3.vip-2019.01.14-12-47-21.png
    1920 x 978 - 198K
    Post edited by Air on
  • Posts: 87
    Thanks! I really appreciate this :)

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!