Category page becomes mangled between certain pixel ranges

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

  • Avatar: iamokah
    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.
    4 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    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.

    Avatar: iamokah
    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

    Avatar: iamokah
    iamokah
    Participant
    November 13, 2014 at 04:06

    ??????

    Avatar: Robert Hall
    Robert Hall
    Support staff
    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.

  • 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

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.