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

  • Posts: 98
  • Thank you received: 12
1 year 11 months ago #341196

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



Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 4486
  • Thank you received: 609
  • MODERATOR
1 year 10 months ago #341198

Hello,

Your are absolutely right ! Obviously, we will have some css work in order to correct this.
We are sorry for the inconvenience, and will notify you here when this point will be corrected in our package.

Regards

Please Log in or Create an account to join the conversation.

  • Posts: 98
  • Thank you received: 12
1 year 10 months ago #341220

Great, I'm looking forward to your feedback.

Please Log in or Create an account to join the conversation.

  • Posts: 4486
  • Thank you received: 609
  • MODERATOR
1 year 10 months ago #341229

Hello,

Thanks for your patience, you will now can download our last HikaShop build.
This may solve your responsive display issue.

Hope this will meet your needs.
Regards

Please Log in or Create an account to join the conversation.

  • Posts: 98
  • Thank you received: 12
1 year 10 months ago #341271

Hello,

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

Unfortunately nothing has changed.

Please Log in or Create an account to join the conversation.

  • Posts: 4486
  • Thank you received: 609
  • MODERATOR
1 year 10 months ago #341273

Hello,

Quite normal, right now you use a custom version of our frontend file css, you have the last version in the frontend default file.
In order to keep your custom commands and the new version of the frontend file css, you must merge them.

For this use a software like winmerge than will point difference between your 2 file versions, and all to keep best of both files.
Hope this will help.

Regards

Last edit: 1 year 10 months ago by Philip.

Please Log in or Create an account to join the conversation.

  • Posts: 98
  • Thank you received: 12
1 year 10 months ago #341478

It worked and looks good. Thanks very much.

The following user(s) said Thank You: Philip

Please Log in or Create an account to join the conversation.

  • Posts: 98
  • Thank you received: 12
1 year 8 months ago #343159

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



Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 4486
  • Thank you received: 609
  • MODERATOR
1 year 8 months ago #343163

Hello,

Structure issue, your modal container have a z-index with 1 as value, your solution is to increase this value, see my screenshot :



Hope this will solve your issue.
Regards

Last edit: 1 year 8 months ago by Philip.

Please Log in or Create an account to join the conversation.

  • Posts: 98
  • Thank you received: 12
1 year 8 months ago #343217

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

Please Log in or Create an account to join the conversation.

  • Posts: 4486
  • Thank you received: 609
  • MODERATOR
1 year 8 months ago #343240

Hello,

This is the right place to edit, but you have to enter an higher value like my screenshot in my previous message ( here ).

z-index: 99;

Regards

Last edit: 1 year 8 months ago by Philip.

Please Log in or Create an account to join the conversation.

  • Posts: 98
  • Thank you received: 12
1 year 8 months ago #343297

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

Please Log in or Create an account to join the conversation.

  • Posts: 4486
  • Thank you received: 609
  • MODERATOR
1 year 8 months ago #343303

Hello,

My suggestion work but you have to edit your css command like shown in my screenshot (in this message ), means in the line 562 of your frontend_custom.css.

Your css command with z-index: 99; is in line 19, and the other z-line in line 562.
In Css, the last command will always have higher priority (unless you use an !important or your selector is more specific).
Edit the line 562 OR create another command after this line.

Regards

Last edit: 1 year 8 months ago by Philip.

Please Log in or Create an account to join the conversation.

  • Posts: 98
  • Thank you received: 12
1 year 8 months ago #343318

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

The following user(s) said Thank You: Philip

Please Log in or Create an account to join the conversation.

Time to create page: 0.105 seconds
Powered by Kunena Forum