Return to previous page

Tabs on small devices - by rdrdrd23 - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 9 years, 11 months ago ago by Olga Barlow

rdrdrd23

Participant

December 11, 2014 at 16:31

Hi guys,
The tabs function works much better on mobile now, but there appears to still be an issue with it on webkit browsers. The problem is the last tab doesn’t display the content it contains.
Case;
Three tabs, all closed
tab 1 opens and closes fine and displays its content
tab 2 opens and closes fine and displays its content
tab 3 doesn’t appear to have opened, but when you close it, you get a flick of what SHOULD have been there.
However, if you LEAVE tab 2 open, and then click tab 3, it displays the content fine (after a very quick scroll-to)

This doesn’t happen on firefox, chrome or even IE (!!!!), but on Safari and other webkit mobile browsers it breaks. You can replicate this on desktop safari when you scale the window down to a mobile size.

See the private stuff for links etc.

Cheers
Rob

Please, contact administrator
for this information.

#29096 Copied

7 Answers

rdrdrd23

Participant

December 16, 2014 at 12:03

Any update on this guys? I appreciate it might be a bitch to fix, but I’m convinced I’m not the only one to have had issues with this.
Cheers

#29777 Copied

Eva Kemp

Support staff

December 16, 2014 at 15:17

Hello,

Sorry for a delay.
We’ve checked your site resizing a browser and on a mobile device.
We don’t see the issue you described.
Please check the site on mobile devices if the issue persists there.

Thank you.
Regards,
Eva Kemp.

#29831 Copied

rdrdrd23

Participant

December 16, 2014 at 17:27

Sorry Eva,
its very much still broken.
As described earlier, you can see the issue in evidence in PC desktop Safari (scale down window to simulate a mobile device viewport width)

Also evident on all the mobiles I’ve tried, namely
Samsung Galaxy Ace
iPhone 4
BlackBerry 10

Please, contact administrator
for this information.

#29873 Copied

rdrdrd23

Participant

December 17, 2014 at 14:11

Also, just seen that these tabs are the way WooCommerce product listings are shown, so the `Returns and Delivery’ tab doesn’t open.
Scale down a safari window to a mobile viewport width and click on that tab. You’ll see it doesn’t open.

Please, contact administrator
for this information.

#30028 Copied

Olga Barlow

Support staff

December 17, 2014 at 17:04

Hello,
We checked your site with latest Safari version, that’s why did not see the issue. But once we checked in older version we understood what was the problem. Sorry for inconvenience.

Check your site now.

Following code was added to child theme style.css:
@media(max-width:979px){.tabs .tab-content{float:none;}}

Regards,
Olga Barlow

#30078 Copied

rdrdrd23

Participant

December 17, 2014 at 17:09

Olga,
if you were here I’d kiss you!

Thanks very much, and have a nice Christmas!
8)

#30082 Copied

Olga Barlow

Support staff

December 17, 2014 at 17:20

Thank you! )))) Have a nice Christmas too.
Would be very appreciate if you leave a rating for our theme.

Regards,
Olga Barlow

#30084 Copied
Viewing 8 results - 1 through 8 (of 8 total)