Chrome CSS Error

  • I have recently updated my Chrome browser on my desktop and it seems to mess with the CSS I have in place. I have added CSS in the Theme Options, and I also have the plugin called “Mobile CSS” installed and set up for just phones. What would cause my CSS issues? I was on Chrome version 41 and everything was aligned, but as soon as I upgraded to Chrome version 42 it freaked out.

    https://www.ads-software.com/themes/i-transform/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter csquared89

    (@csquared89)

    I also use the mobile theme WPTouch as well. When I take off the Mobile CSS rules and then use @media queries for phone screen sizes in Theme Options, it messes up the CSS for my mobile view while desktop goes back to normal.

    Thread Starter csquared89

    (@csquared89)

    My website is swampcompany.com

    Can you share the screenshots of your issues?
    I went to your website but it’s difficult to troubleshot. Did you add those media queries for mobile devices?

    @media (max-width: 999px) {

    }

    @media (min-width: 768px) {

    }

    @media (max-width: 767px) {
    .owl-item .tx-slide-details p {
    display: none;
    }
    }

    /* Mobile devices */
    @media (max-width: 359px) {
    .tx-col-1-2 {
    width: 100%;
    }
    .tx-col-1-3 {
    width: 100%;
    }
    .tx-col-1-4 {
    width: 100%;
    }
    }

    Thread Starter csquared89

    (@csquared89)

    Here are some attached screenshots of the product listings and of the cart.

    View post on imgur.com

    https://i.imgur.com/L2HqN8w.jpg

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Chrome CSS Error’ is closed to new replies.