- Posts: 48
- Thank you received: 1
responsive lay out not working with tabs
11 years 6 months ago #195365
by stof
responsive lay out not working with tabs was created 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
-- 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.
11 years 6 months ago #195368
by Xavier
Replied by Xavier on topic responsive lay out not working with tabs
Hi,
Thanks for the report, you can use this property:
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.
11 years 4 months ago #201500
by Cynthia-V
Replied by Cynthia-V on topic responsive lay out not working with tabs
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
Example: mobiletest.me/htc_one_emulator/#u=http:/...oduct/1-vouchercider
Please Log in or Create an account to join the conversation.
11 years 4 months ago #201516
by Xavier
Replied by Xavier on topic responsive lay out not working with tabs
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.
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