Return to previous page

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

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

#123691 Copied Theme version: 3.0 WooCommerce version: 2.5.5

9 Answers
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.
#123768 Copied
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

#123872 Copied Theme version: v3.0 WooCommerce version: 2.5.5

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.

#123939 Copied

aahmadi3

Participant

May 4, 2016 at 17:17

See below for access.

Please, contact administrator
for this information.

#124027 Copied Theme version: v3.0 WooCommerce version: 2.5.5
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.
#124146 Copied
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

#124206 Copied
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.
#124219 Copied
aahmadi3

Participant

May 5, 2016 at 18:01

Thanks Jack!

#124224 Copied

Jack Richardson

Support staff

May 5, 2016 at 19:06

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#124261 Copied
Viewing 10 results - 1 through 10 (of 10 total)