Mobile app version of vmapp.org
Login or Join
Gloria169

: My site breaks on specific resolutions It is all started here : How Google decided how websites will look to my visitors? Google told me that my site looks bad for my visitors and "Barnettt"

@Gloria169

Posted in: #Css #Wordpress

It is all started here : How Google decided how websites will look to my visitors?

Google told me that my site looks bad for my visitors

and "Barnettt" answered me that it is happening in specific resolutions :


" Your site looks like that for resolutions between 978px and 1186px.
You should check your CSS, as that's the place where your problem
occure"


It was easy to reproduced it just by resizeing chrome, but I've couldn't find what was the issue that causes it.

I'm not a great webdeveloper (actually i'm c++ developer), and i've tried to find out using chrome's debugging console what makes the site break, but couldn't.

If someone could take a look and point me to what might be the problem, I'll be extremely helpful.

my site address is : wetravel.co.il

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Gloria169

1 Comments

Sorted by latest first Latest Oldest Best

 

@Lengel546

Actually i got it. It seems there is conflict between your main CSS and a plugin or theme function for the rtl display.
Remove this:
@media (min-width: 992px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: right;
}
}


from your rtl.css file
www.wetravel.co.il/wp-content/themes/tdmacro/rtl.css

This seems to be the conflict. It may not be the cleanest solution, but it's a fast and easy fix.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme