Return to previous page

Category page becomes mangled between certain pixel ranges

This topic has 5 replies, 3 voices, and was last updated 11 years ago ago by Robert Hall

iamokah

Participant

November 9, 2014 at 21:56

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

Please, contact administrator
for this information.

#23856 Copied

4 Answers

Eva Kemp

Participant

November 10, 2014 at 18:42

Hello,

Are you resizing a browser?
Have you checked the site on a mobile device?

Thank you.
Regards,
Eva Kemp.

#23959 Copied

iamokah

Participant

November 10, 2014 at 18:51

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

#23965 Copied

iamokah

Participant

November 13, 2014 at 04:06

??????

#24376 Copied
Robert Hall

Participant

November 13, 2014 at 16:19
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.
#24495 Copied
Viewing 5 results - 1 through 5 (of 5 total)

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

Category page becomes mangled between certain pixel ranges

Explore our best WordPress WooCommerce Themes collection