Hey Folks!

During April & May of 2020, answers may be delayed more than it usually happens. This is caused by my personal situation that requires a lot of time from me to be dedicated elsewhere, and also because of the local things that are happening currently cause of the all things connected to "Corona Virus".

Please be patient, all answers are coming as soon as possible :-)

Sorry for any inconvenience.

Air.
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

Comments

  • AirAir
    edited January 2019 Posts: 10,341
    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!