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?