This topic has 5 replies, 3 voices, and was last updated 10 years ago ago by Robert Hall
Site Problem URL: http://www.iamokah.org/imokahtmp/media/
Site and ftp info in private content
My category post listing seems to become mangled when the width of the site is in the pixel range of 751px -> 962px. Around 963 pixels, (or below 751 pixels), everything displays normally again.
It should display one post per row, but in between 751px -> 962px, it tries to put two posts on each row and it doesn’t look right.
The only custom changes I made were strictly css related; all I did was float the post image to the left of the post teaser text. Those changes are in my custom.css file.
I need this page to display the way it does when the width is > 962 pixels, during these troublesome page widths.
Here is what it should look like:
http://i.imgur.com/l8MlCTE.jpg
Here is what it looks like while page width is in the ‘troublesome’ range:
http://i.imgur.com/KMJeihL.jpg
Hello,
Are you resizing a browser?
Have you checked the site on a mobile device?
Thank you.
Regards,
Eva Kemp.
Yes, this is when resizing a browser.
The concern is that some people will shrink their browser window to a certain size in order to have multiple windows up at the same time on their desktop. In this situation, in certain page widths, the page doesn’t display correctly
??????
Hello,
I’ve added this code into custom.css file. Check it.
@media only screen and (max-width: 979px) and (min-width: 768px){
.teaser_grid_container .et_isotope-item {
width: inherit !important;
}}
Regards,
Robert Hall.
The issue related to '‘Category page becomes mangled between certain pixel ranges’' has been successfully resolved, and the topic is now closed for further responses