responsive lay out not working with tabs

  • Posts: 48
  • Thank you received: 1
10 years 5 months ago #195365

-- 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.

  • Posts: 13201
  • Thank you received: 2322
10 years 5 months ago #195368

Hi,

Thanks for the report, you can use this property:

@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.

  • Posts: 22
  • Thank you received: 2
10 years 4 months ago #201500

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.

  • Posts: 13201
  • Thank you received: 2322
10 years 4 months ago #201516

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.080 seconds
Powered by Kunena Forum