Skip to main content

responsive lay out not working with tabs

More
11 years 6 months ago #195365 by stof
-- HikaShop version -- : 2.4.0
-- Joomla version -- : 3.4
-- PHP version -- : 5.4
-- Browser(s) name and version -- : All

Hi,

Is there a way to fix the responsive lay out when you use the tabbes style product lay out? I see that this does not work properly. :huh:

As you can see the tabs don't look good and they are put over eachother instead of below eachother.

demo.hikashop.com/index.php/en/hikashop/.../with-tabular-layout

Is there a fix for this?

Best

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

More
11 years 6 months ago #195368 by Xavier
Hi,

Thanks for the report, you can use this property:
Code:
@media only screen and (max-width: 550px) { .hikashop_tabs_ul li{ display: block !important; } }

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

More
11 years 4 months ago #201500 by Cynthia-V
Thanks Xavier for this solution. Is there also a way to make the content of the tabs fit in the screen?
Example: mobiletest.me/htc_one_emulator/#u=http:/...oduct/1-vouchercider

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

More
11 years 4 months ago #201516 by Xavier
Hi,

The content of the tabs has a width of "100%", so your issue is not related on the tabs.
It will be more an issue due to the emulator from mobiletest.me or from your template.

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

Time to create page: 0.169 seconds
Powered by Kunena Forum