Return to previous page

Product tabs: Display problem - by Royalty

This topic has 40 replies, 4 voices, and was last updated 8 years, 6 months ago ago by Eva Kemp

Royalty

Participant

August 11, 2015 at 18:22

Hello,
in the latest update, you made some major changes in /royal/woocommerce/single-product/tabs/tabs.php – you wrapped all tabs in an ul. The problem ist now, that the tabs arent displayed correctly on small devices; instead of being listed one after the other, they are listed one next to another/all in one line. I’ll send you a link to my page in private content. Usually I use your demo sites to find the problem, but they seem to be outdated.
Any help how to get the old order of the tabs (on small devices: every tab in a new line) would be really appreciated.
many thanks in advance!

Please, contact administrator
for this information.

#79445 Copied

39 Answers
Eva Kemp

Support staff

August 12, 2015 at 10:07
Hello,

Try to use this code in custom.css:
```
@media (max-width: 480px) {.tabs .tabs-nav li {
    display: block;
}}
```
Regards,
Eva Kemp.
#79535 Copied
Royalty

Participant

August 12, 2015 at 10:10

thank you but I already tried this (also with !important) and it didnt work..

#79537 Copied

Eva Kemp

Support staff

August 12, 2015 at 10:15

Hello,

Please provide us with wp-admin panel credentials.

Regards,
Eva Kemp.

#79542 Copied

Royalty

Participant

August 12, 2015 at 10:40

Please find them in private content. Thank you.

Please, contact administrator
for this information.

#79552 Copied

Eva Kemp

Support staff

August 12, 2015 at 12:29

Hello,

As I see now tabs are shown one after the other:
http://storage1.static.itmages.com/i/15/0812/h_1439378887_3498108_6a06495a54.png
Please check it once again.

Regards,
Eva Kemp.

#79573 Copied

Stan Russell

Participant

August 12, 2015 at 12:29

Hello Royalty,

we have added this css code into Theme options > Custom css > Global Custom CSS.

Please clear browser cache and check your site.

Regards,
Stan Russell.

#79574 Copied

Royalty

Participant

August 12, 2015 at 12:32

thank you, but the content is shown after ALL tabs and not (as before the update) after the tab it belongs to.

#79579 Copied

Jack Richardson

Support staff

August 12, 2015 at 15:00

Hello,

This issue will be fixed in the theme update.
Please take our apologies for inconveniences.

Best regards,
Jack Richardson.

#79622 Copied

Royalty

Participant

August 12, 2015 at 15:02

ok, thank you.
can I replace the tabs.php file with the old version until the update? And can you already say when the update will be out?

#79625 Copied

Jack Richardson

Support staff

August 12, 2015 at 16:40

Hello,

Yes, you can replace the file. The update should be released withing next week.

Best regards,
Jack Richardson.

#79652 Copied

Royalty

Participant

August 12, 2015 at 16:42

ok great, thank you.
By the way: do you plan to incluse page transitions (fading) in upcoming updates? The theme “bridge” has some very nice transitions that make the page much more elegant and would be a great feature for Royal. 🙂

#79653 Copied

Eva Kemp

Support staff

August 12, 2015 at 17:24

Hello,

Thank you for suggestion.
It’s not planned in future update but we’ll forward this query for discussion.

Regards,
Eva Kemp.

#79665 Copied

Royalty

Participant

October 2, 2015 at 14:46

Unfortunately, the problem with the tabs was not yet solved within the last two updates. when will the bug be fixed?
thanks in advance.

#91069 Copied

Eva Kemp

Support staff

October 2, 2015 at 15:26

Hello,

What theme version are you using?
Please provide us with correct FTP and wp-admin panel credentials in Private Content.

Regards,
Eva Kemp.

#91085 Copied

Royalty

Participant

October 2, 2015 at 15:49

Hi Eva,
you’ll see the bug when you open your demo:
https://www.8theme.com/demo/royal/product/woo-album-4/
My site looks exacetly like yours (I use version 2.3, all plugins are up to date).
When you make the window smaller, the tabs will disappear in one line instead of one after the other.

#91093 Copied

Eva Kemp

Support staff

October 2, 2015 at 18:41

Hello,

Our demo site isn’t updated.
I’ve just tested new theme version and tabs are shown this way on mobile device:
http://storage9.static.itmages.com/i/15/1002/h_1443807646_7035845_45d6938965.png

Delete “woocommerce” folder in the directory wp-content/themes/royal/ and reupload it from a new theme package.

Regards,
Eva Kemp.

#91121 Copied

Royalty

Participant

October 15, 2015 at 14:51

Your screenshot looks like you have set the tabs type to “accordion” in theme options. But I have set it to “Default” and have still the same problem, even with a fresh installation (to test it, I’ve shortly switched from my childtheme to the parent theme, so the bug is definetely still there).

#94208 Copied

Eva Kemp

Support staff

October 15, 2015 at 15:07

Hello,

Please show us a screenshot of the issue and specify how you want the tabs to be displayed.

Thank you.
Regards,
Eva Kemp.

#94214 Copied

Royalty

Participant

October 15, 2015 at 15:43

Please find the screenshot in private content. For the screenshot, I activated the unedited parent theme. As you can see, the tabs are displayed one next to the other. But I need them with one line for one tab (the problem only exists on small devices. On desktop, everything is fine because there I need them next to each other). Hope you understand what I mean 🙂
Many thanks in advance.

Please, contact administrator
for this information.

#94222 Copied
1 2

Viewing 20 results - 1 through 20 (of 40 total)