[Support request] media query problems

Home Forums Support [Support request] media query problems

Home Forums Support media query problems

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1146130
    johnaps

    Hello!

    I am trying to adjust my homepage for all media devices and with google dev tools preview device and i cant get it right for nokia n9, samsung galaxy tab s5, microsoft lumia 550, m lumia 950 landscape mode…

    I am using the bellow css for the elements you can see in the images (https://imgur.com/a/YPiJGty)
    {
    .elementor-element-9b3b9d3, .elementor-element-450260b, .elementor-element-b5b8ac5, .elementor-element-a1b3c49, .elementor-element-0c9ec8b, .elementor-element-5043fa5, .elementor-element-fbf4014, .elementor-element-71f4930 {
    width: 23%;
    }

    @media
    screen and (min-device-width: 300px) and (max-device-width: 767px) {
    .elementor-element-9b3b9d3.elementor-column.elementor-col-25,
    .elementor-element-450260b.elementor-column.elementor-col-25,
    .elementor-element-b5b8ac5.elementor-column.elementor-col-25,
    .elementor-element-a1b3c49.elementor-column.elementor-col-25,
    .elementor-element-0c9ec8b.elementor-column.elementor-col-25,
    .elementor-element-5043fa5.elementor-column.elementor-col-25,
    .elementor-element-fbf4014.elementor-column.elementor-col-25,
    .elementor-element-71f4930.elementor-column.elementor-col-25 {
    width: 100%;
    }

    @media
    screen and (min-device-width: 767px) and (max-device-width: 1024px) {
    .elementor-element-9b3b9d3.elementor-column.elementor-col-25,
    .elementor-element-450260b.elementor-column.elementor-col-25,
    .elementor-element-b5b8ac5.elementor-column.elementor-col-25,
    .elementor-element-a1b3c49.elementor-column.elementor-col-25,
    .elementor-element-0c9ec8b.elementor-column.elementor-col-25,
    .elementor-element-5043fa5.elementor-column.elementor-col-25,
    .elementor-element-fbf4014.elementor-column.elementor-col-25,
    .elementor-element-71f4930.elementor-column.elementor-col-25 {
    width: 49%;
    }
    }
    and i get it right for almost all devices as you can probably see…

    But those 2 devices that i have came across are as if they dont listen to the above media rules…

    Maybe there is a theme conflict?

    #1146131
    Leo
    Staff
    Customer Support

    Hi there,

    Looks like Elementor has complete control on the home page content so it’s very unlikely a theme issue.

    Have you checked with their support?

    Let me know 🙂

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