Return to previous page

Topic: Woocommerce variations breaks responsive design

Jimbo

Participant

June 10, 2015 7:40 pm

Hi,

I have noticed that when adding variations using woo commerce in this theme the page is not fully responsive on a product page.

This happens on a mobile (iPhone)

this means the content is not fully visible and moves from side to side.

Please see page in private content.

Thanks

Content is visible for topic creator and
support staff only.

#69142 copied to clipboard

Like

Eva Kemp

Support staff

June 10, 2015 8:52 pm

Hello,

Please look at the screenshot https://s3.amazonaws.com/fvd-data/notes/168674/1433965984-kOw1Cr/screen.png and specify where exactly the problem persists as we can’t replicate it.

Thank you.
Regards,
Eva Kemp.

#69150 copied to clipboard

Like

Jimbo

Participant

June 10, 2015 10:39 pm

It happens after you select the variation, I’m certain it did not do this before theme update?

When using my iPhone in vertical resolution it makes the page width move side to side and content is not fixed?

I need variations for my products.

#69171 copied to clipboard

Like

Jimbo

Participant

June 11, 2015 11:28 am

Hi,

I think I might have spotted the issue.

The selection drop downs might be too wide and also the whole page content is not scaled to the page!

I need this fixing ASAP please as this is a major user experience issue.

This would suggest the themes fully responsive code is broken on product pages using the mobile.

#69213 copied to clipboard

Like

Jimbo

Participant

June 11, 2015 2:20 pm

I also noticed that when selecting the variations it seems to change the zoom on the page, if I zoom out the page displays ok??

Shall I send an email to a manager as getting no response here???

Feel like going back to previous theme version!

#69236 copied to clipboard

Like

Eva Kemp

Support staff

June 11, 2015 4:18 pm

Hello,

Please show us screenshots of the problem you see from your side.

Thank you.
Regards,
Eva Kemp.

#69261 copied to clipboard

Like

Jimbo

Participant

June 11, 2015 4:38 pm

Eva,

If you tried it on a mobile you would see!

We are going around in circles yet again when there is a problem with this theme.

I will contact a manager yet again, I’m getting fed up with this theme breaking all the time.

Not happy at all

#69265 copied to clipboard

Like

Jimbo

Participant

June 11, 2015 5:57 pm

Updated woocommerce and no difference so not to do with woocommerce.

This is a theme issue on selecting the variation, this seems to zoom after selecting?

It only does this after you make the selection and so far the issue is on the mobile.

I have contacted a manager.

I AM NOW WAITING FOR A FIX PLEASE!

#69270 copied to clipboard

Like
Eva Kemp

Support staff

June 11, 2015 6:50 pm
Hello,

When filling out forms using selects on iOS they should appear at a comfortable reading size 16px. That’s why page is zoomed in until that size requirement is met. Add the following code in child theme style.css to fix your problem:

@media (max-width:480px){ table.variations td select { font-size:16px;} }

Regards,
Eva Kemp.
#69276 copied to clipboard

Like
Jimbo

Participant

June 11, 2015 7:57 pm

Eva,

Thank you, I added the code and it worked.

I had to add 667px as max width, no doubt this might have to go to 700+ to allow for iPhone 6 and I
Phone 6+

Might be worth adding this to theme update bug fix for iOS devices.

#69290 copied to clipboard

Like

Eva Kemp

Support staff

June 12, 2015 9:40 am

Hello,

We’ll fix this bug in the next theme update.

Thank you.
Regards,
Eva Kemp.

#69357 copied to clipboard

Like

Viewing 11 results

1 through 11 (of 11 total)

You must be logged in to reply to this topic.Log in/Sign up

Topic: Woocommerce variations breaks responsive design

Usefull links

Did you know ?

Support Stats

Topic: Woocommerce variations breaks responsive design

Usefull links

Did you know ?

Support Stats

Log in to 8theme

Oops, looks like you don’t have access!

Please, enter the appropriate Envato purchase code below to create a topic on current forum