Broken CSS after update to v3.0 - by aahmadi3

This topic has 10 replies, 2 voices, and was last updated 9 years, 7 months ago ago by Jack Richardson

  • Avatar: aahmadi3
    aahmadi3
    Participant
    May 2, 2016 at 22:24

    Please see these two screen shots of broken CSS that I have found after the update to 3.0

    1: https://puredogfood.com/Newsletter/1.png (notice the red arrow)
    2: https://puredogfood.com/Newsletter/2.png (add to cart button on quick view is out of place)

    Both of these issues are on iPhone 6 Plus, the phone is updated to the most current OS.
    Please advise.
    Thanks.
    Ali

    9 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 3, 2016 at 10:28

    Hello,

    1. Please add this code in custom.css file:

    @media (max-width: 480px) {.header .shopping-cart-widget {
        width: auto !important;
        right: 20px;
    }}

    2. As for “Add to Cart” button it’s shown fine:
    http://storage9.static.itmages.com/i/16/0503/h_1462267673_8499509_fdc1e644b1.jpeg

    Please clear browser cache and check again.

    Best regards,
    Jack Richardson.

    Avatar: aahmadi3
    aahmadi3
    Participant
    May 3, 2016 at 16:56

    Hi Jack,
    This does not look right. The icon and text are so far apart, is there anyway to hide the text and just have the icon on the upper right corner?

    I also found another bug, when you scroll down on the mobile device the account icon shows up but the link is broken. Please see the screenshot for reference: https://www.puredogfood.com/Newsletter/2.png

    Also instead of the word cart next to the bag on the first state, shouldn’t this account icon be in its place? Thats how it was before the update.

    Please advise.
    Thanks.
    Ali

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 4, 2016 at 08:27

    Hello,

    Please provide us with WP Dashboard credentials in private content.

    Best regards,
    Jack Richardson.

    Avatar: aahmadi3
    aahmadi3
    Participant
    May 4, 2016 at 17:17

    See below for access.

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 5, 2016 at 11:52

    Hello,

    I’ve added this code in custom.css file:

    @media (max-width: 480px) {
    .shopping-cart-widget .cart-summ > a {
       color: transparent;
    }
    }

    I’ve checked My account link on mobile device and it redirects to My Account page.

    Have you edited default theme files? May we reupload them?
    Please provide FTP credentials.

    Best regards,
    Jack Richardson.

    Avatar: aahmadi3
    aahmadi3
    Participant
    May 5, 2016 at 16:49

    Thanks Jack, everything seems to be working now.
    The only other question I have is how to center the logo in this state: https://www.puredogfood.com/Newsletter/1.png

    Please advise.
    Thanks.
    Ali

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 5, 2016 at 17:34

    Hello,

    Please use this code in custom.css file:

    @media (max-width: 480px) {
    .fixed-header .logo-with-menu {
        left: 30%;
    }}

    Best regards,
    Jack Richardson.

    Avatar: aahmadi3
    aahmadi3
    Participant
    May 5, 2016 at 18:01

    Thanks Jack!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 5, 2016 at 19:06

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Broken CSS after update to v3.0’' has been successfully resolved, and the topic is now closed for further responses

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