Theme CSS error on Mobile.

  • Hello,

    We believe that the theme may have a CSS error on mobile browsers. Your css class “woocommerce-error” displays an exclamation point on desktop browsers as is shown on the example product page and in this screenshot:

    https://tinyurl.com/2dgwu62h

    On mobile browsers, your CSS is missing the exclamation point so it looks off-center because it’s not displaying:

    https://tinyurl.com/2cazzcmo

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • rodicaelena

    (@rodicaelena)

    Hi there,

    Thank you for sharing this!
    While, for now, I wasn’t able to replicate this, we will for sure consider it.

    As a solution in your case, you can try to add this code in Appearance > Customize > Additional CSS:

    @media only screen and (max-width: 600px) {
        .woocommerce .woocommerce-error {
            padding-left: 10px !important;
        }
    }

    Kind regards,

    Rodica

    Thread Starter joyryde

    (@joyryde)

    Hi, We don’t want to have a duplicated CSS if you update the theme to fix this in the future…we can add this today but need to know when you fix it please.

    Thanks!

    Kush

    (@kushnamdev)

    Hi @joyryde,

    Thank you for reporting this issue. I have forwarded this issue to our development team. It will be fixed in future updates of Neve.

    Best regards

    Thread Starter joyryde

    (@joyryde)

    We are also seeing an issue with your breakpoints.

    On Apple iPad Pro 12.9″, the menu wrpas on the page rather than showing the hamburger menu.

    Screenshot:

    https://tinyurl.com/24q89u2t

    Hi,

    That’s nothing set to change for the moment, but we will keep this as a feature request for the future.

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.