Tabs on the product page are not displayed in a responsive manner.

Hello,

if you use the product view show_tabular, different tabs are displayed, which can then be selected by the visitors.

Unfortunately, I found that this tab view merges into one another in the mobile area, so that the tab headings are hardly legible and the selection is very difficult.

How do the tab settings have to be changed so that they are displayed responsively?

Christian sends greetings

Great, I'm looking forward to your feedback.

Hello,

I found 4.5.1 as an update, which I imported (business and starter).

Unfortunately nothing has changed.

It worked and looks good. Thanks very much.

Hello,

The product tabs were recently adjusted, but I had to find out that these self-created popups faded over.
A z-index of 2 is stored for the tabs. I tried to change this to 0 in the custom-css with the code:

/* Produkt-Tabs nach hinten */
.hikashop_tabs_ul {
z-index: 0;
}
.hikashop_tabs_ul li {
z-index: 0;
}

Unfortunately this didn't do anything. How can I make a corresponding adjustment to the product tabs here?

Christian sends greetings

Thanks for the feedback. If I

.hikashop_tabs_content {
z-index: 1;
}

into the frontend_custom.css, but nothing changes. Where must the adjustment be inserted?

Regards

Hello Philippe,
thank you for your feedback, I must have misunderstood. However:

As stated, I have now increased the z-index to 99 (also to 1000 for testing), there has been no change.
It was recorded by me in the frontend_custom.css:

.hikashop_tabs_content {
z-index: 99;
}

Somehow I don't understand why the z-index should be increased. The way I interpret the z-index, a higher number puts the display above others, but this part should be pushed down here.

The conclusion is now up-to-date: The problem is not solved with z-index 99 for hikashop_tab_content.

Christian sends greetings

Oops, I didn't see that. Thanks for the hint, it works.