[Skip to main content](#vessel-content) # responsive lay out not working with tabs ## - **[stof](/forum/user/36285-stof "View stof's Profile")** - [![stof's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/36285-stof "View stof's Profile") Topic Author - [ Offline](/forum/user/36285-stof) Less More - Posts: 48 - Thank you received: 1 - - 11 years 7 months ago [\#195365](#195365) by [stof](/forum/user/36285-stof "View stof's Profile") *[responsive lay out not working with tabs](/forum/26-product-category-display/875787-responsive-lay-out-not-working-with-tabs#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")* was created by *[stof](/forum/user/36285-stof "View stof's Profile")* -- 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](http://demo.hikashop.com/index.php/en/hikashop/product-page/with-tabular-layout) Is there a fix for this? Best Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzU3ODctcmVzcG9uc2l2ZS1sYXktb3V0LW5vdC13b3JraW5nLXdpdGgtdGFicz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 11 years 7 months ago [\#195368](#195368) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[responsive lay out not working with tabs](/forum/26-product-category-display/875787-responsive-lay-out-not-working-with-tabs#195368 "-- 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")* 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzU3ODctcmVzcG9uc2l2ZS1sYXktb3V0LW5vdC13b3JraW5nLXdpdGgtdGFicz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Cynthia-V](/forum/user/36823-cynthia-v "View Cynthia-V's Profile")** - [![Cynthia-V's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/36823-cynthia-v "View Cynthia-V's Profile") - [ Offline](/forum/user/36823-cynthia-v) Less More - Posts: 22 - Thank you received: 2 - - 11 years 5 months ago [\#201500](#201500) by [Cynthia-V](/forum/user/36823-cynthia-v "View Cynthia-V's Profile") Replied by *[Cynthia-V](/forum/user/36823-cynthia-v "View Cynthia-V's Profile")* on topic *[responsive lay out not working with tabs](/forum/26-product-category-display/875787-responsive-lay-out-not-working-with-tabs#201500 "-- 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")* 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](http://mobiletest.me/htc_one_emulator/#u=http://www.groentjecider.nl/index.php/webshop-products/product/1-vouchercider) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzU3ODctcmVzcG9uc2l2ZS1sYXktb3V0LW5vdC13b3JraW5nLXdpdGgtdGFicz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 11 years 5 months ago [\#201516](#201516) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[responsive lay out not working with tabs](/forum/26-product-category-display/875787-responsive-lay-out-not-working-with-tabs#201516 "-- 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")* 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzU3ODctcmVzcG9uc2l2ZS1sYXktb3V0LW5vdC13b3JraW5nLXdpdGgtdGFicz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.211 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)