[Skip to main content](#vessel-content) # Product Display Bootstrap - Options Overlap Mobile ## - **[foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile")** - [![foxy3433's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6412-foxy3433 "View foxy3433's Profile") Topic Author - [ Offline](/forum/user/6412-foxy3433) Less More - Posts: 81 - Thank you received: 6 - - 12 years 10 months ago [\#135185](#135185) by [foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile") *[Product Display Bootstrap - Options Overlap Mobile](/forum/26-product-category-display/864099-product-display-bootstrap-options-overlap-mobile#135185 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.2 -- PHP version -- : 5.4 -- Browser(s) name and version -- : Google 31.0.1650.57 Couldn't find a answer for this specific to mobils Please see attached image PREVIOUS SENT TO WRONG CAT.....")* was created by *[foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile")* -- url of the page with the problem -- : [ mywebsite.com/mypage](http://mywebsite.com/mypage) -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.2 -- PHP version -- : 5.4 -- Browser(s) name and version -- : Google 31.0.1650.57 Couldn't find a answer for this specific to mobils Please see attached image PREVIOUS SENT TO WRONG CAT..... - [ ![h8efb565_2013-12-04.png](/forum/attachment/14107) ](/forum/attachment/14107 "...2013-12-04.png") [ ](/forum/attachment/14107?download=1 "...2013-12-04.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjQwOTktcHJvZHVjdC1kaXNwbGF5LWJvb3RzdHJhcC1vcHRpb25zLW92ZXJsYXAtbW9iaWxlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 12 years 10 months ago [\#135199](#135199) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Product Display Bootstrap - Options Overlap Mobile](/forum/26-product-category-display/864099-product-display-bootstrap-options-overlap-mobile#135199 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.2 -- PHP version -- : 5.4 -- Browser(s) name and version -- : Google 31.0.1650.57 Couldn't find a answer for this specific to mobils Please see attached image PREVIOUS SENT TO WRONG CAT.....")* Hi, Are you sure you have the bootstrap design activated ? (Or a template compatible with bootstrap). I do not see elements which make me feel there is bootstrap in the page. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjQwOTktcHJvZHVjdC1kaXNwbGF5LWJvb3RzdHJhcC1vcHRpb25zLW92ZXJsYXAtbW9iaWxlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile")** - [![foxy3433's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6412-foxy3433 "View foxy3433's Profile") Topic Author - [ Offline](/forum/user/6412-foxy3433) Less More - Posts: 81 - Thank you received: 6 - - 12 years 10 months ago [\#135202](#135202) by [foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile") Replied by *[foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile")* on topic *[Product Display Bootstrap - Options Overlap Mobile](/forum/26-product-category-display/864099-product-display-bootstrap-options-overlap-mobile#135202 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.2 -- PHP version -- : 5.4 -- Browser(s) name and version -- : Google 31.0.1650.57 Couldn't find a answer for this specific to mobils Please see attached image PREVIOUS SENT TO WRONG CAT.....")* sent you login details to inspect via private message Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjQwOTktcHJvZHVjdC1kaXNwbGF5LWJvb3RzdHJhcC1vcHRpb25zLW92ZXJsYXAtbW9iaWxlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile")** - [![foxy3433's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6412-foxy3433 "View foxy3433's Profile") Topic Author - [ Offline](/forum/user/6412-foxy3433) Less More - Posts: 81 - Thank you received: 6 - - 12 years 10 months ago - 12 years 10 months ago [\#135204](#135204) by [foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile") Replied by *[foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile")* on topic *[Product Display Bootstrap - Options Overlap Mobile](/forum/26-product-category-display/864099-product-display-bootstrap-options-overlap-mobile#135204 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.2 -- PHP version -- : 5.4 -- Browser(s) name and version -- : Google 31.0.1650.57 Couldn't find a answer for this specific to mobils Please see attached image PREVIOUS SENT TO WRONG CAT.....")* On desktop perfect -- Mobile once you go into product options - Looks a mess Last edit: 12 years 10 months ago by [foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjQwOTktcHJvZHVjdC1kaXNwbGF5LWJvb3RzdHJhcC1vcHRpb25zLW92ZXJsYXAtbW9iaWxlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 12 years 10 months ago [\#135216](#135216) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Product Display Bootstrap - Options Overlap Mobile](/forum/26-product-category-display/864099-product-display-bootstrap-options-overlap-mobile#135216 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.2 -- PHP version -- : 5.4 -- Browser(s) name and version -- : Google 31.0.1650.57 Couldn't find a answer for this specific to mobils Please see attached image PREVIOUS SENT TO WRONG CAT.....")* Hi, > Username and password do not match or you do not have an account yet. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjQwOTktcHJvZHVjdC1kaXNwbGF5LWJvb3RzdHJhcC1vcHRpb25zLW92ZXJsYXAtbW9iaWxlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile")** - [![foxy3433's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6412-foxy3433 "View foxy3433's Profile") Topic Author - [ Offline](/forum/user/6412-foxy3433) Less More - Posts: 81 - Thank you received: 6 - - 12 years 10 months ago [\#135218](#135218) by [foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile") Replied by *[foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile")* on topic *[Product Display Bootstrap - Options Overlap Mobile](/forum/26-product-category-display/864099-product-display-bootstrap-options-overlap-mobile#135218 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.2 -- PHP version -- : 5.4 -- Browser(s) name and version -- : Google 31.0.1650.57 Couldn't find a answer for this specific to mobils Please see attached image PREVIOUS SENT TO WRONG CAT.....")* try now -- didn't activate new account - should work fine now Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjQwOTktcHJvZHVjdC1kaXNwbGF5LWJvb3RzdHJhcC1vcHRpb25zLW92ZXJsYXAtbW9iaWxlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 12 years 10 months ago [\#135221](#135221) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Product Display Bootstrap - Options Overlap Mobile](/forum/26-product-category-display/864099-product-display-bootstrap-options-overlap-mobile#135221 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.2 -- PHP version -- : 5.4 -- Browser(s) name and version -- : Google 31.0.1650.57 Couldn't find a answer for this specific to mobils Please see attached image PREVIOUS SENT TO WRONG CAT.....")* Hi, Your template have some bootstrap rules but it does not handle the bootstrap responsive rules. I mean that, there is nothing which say that a "span6" on mobile device should be display in different lines ; like it is done in the official bootstrap responsive css. [ getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css](http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css)Code: @media (max-width: 767px) { [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. The following user(s) said Thank You: [foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjQwOTktcHJvZHVjdC1kaXNwbGF5LWJvb3RzdHJhcC1vcHRpb25zLW92ZXJsYXAtbW9iaWxlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile")** - [![foxy3433's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6412-foxy3433 "View foxy3433's Profile") Topic Author - [ Offline](/forum/user/6412-foxy3433) Less More - Posts: 81 - Thank you received: 6 - - 12 years 10 months ago [\#135225](#135225) by [foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile") Replied by *[foxy3433](/forum/user/6412-foxy3433 "View foxy3433's Profile")* on topic *[Product Display Bootstrap - Options Overlap Mobile](/forum/26-product-category-display/864099-product-display-bootstrap-options-overlap-mobile#135225 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.2 -- PHP version -- : 5.4 -- Browser(s) name and version -- : Google 31.0.1650.57 Couldn't find a answer for this specific to mobils Please see attached image PREVIOUS SENT TO WRONG CAT.....")* Cheets Jerome.. slapped that code into the bootstrap .css worked a treat Cheers chap! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjQwOTktcHJvZHVjdC1kaXNwbGF5LWJvb3RzdHJhcC1vcHRpb25zLW92ZXJsYXAtbW9iaWxlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[billkarv](/forum/user/12114-billkarv "View billkarv's Profile")** - [![billkarv's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar12114.jpg)](/forum/user/12114-billkarv "View billkarv's Profile") - [ Offline](/forum/user/12114-billkarv) Less More - Posts: 36 - Thank you received: 1 - - 12 years 7 months ago - 12 years 7 months ago [\#149752](#149752) by [billkarv](/forum/user/12114-billkarv "View billkarv's Profile") Replied by *[billkarv](/forum/user/12114-billkarv "View billkarv's Profile")* on topic *[Product Display Bootstrap - Options Overlap Mobile](/forum/26-product-category-display/864099-product-display-bootstrap-options-overlap-mobile#149752 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.2 -- PHP version -- : 5.4 -- Browser(s) name and version -- : Google 31.0.1650.57 Couldn't find a answer for this specific to mobils Please see attached image PREVIOUS SENT TO WRONG CAT.....")* > Jerome wrote: Hi, > > Your template have some bootstrap rules but it does not handle the bootstrap responsive rules. > I mean that, there is nothing which say that a "span6" on mobile device should be display in different lines ; like it is done in the official bootstrap responsive css. > [ getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css](http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css) > > Code: > > @media (max-width: 767px) { [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } > > > > Regards, Thanks to this code I 've managed to display the categories to one column when the screen getting smaller. But I want to display the categories in 2 columns. How can I do that? here is the link to my website. [ christiantete-eshop.gr/joomlatest/index.php/brands](https://christiantete-eshop.gr/joomlatest/index.php/brands) Last edit: 12 years 7 months ago by [billkarv](/forum/user/12114-billkarv "View billkarv's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjQwOTktcHJvZHVjdC1kaXNwbGF5LWJvb3RzdHJhcC1vcHRpb25zLW92ZXJsYXAtbW9iaWxlP3RtcGw9bWFya2Rvd24=) 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) - 12 years 7 months ago [\#149931](#149931) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Product Display Bootstrap - Options Overlap Mobile](/forum/26-product-category-display/864099-product-display-bootstrap-options-overlap-mobile#149931 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.2 -- PHP version -- : 5.4 -- Browser(s) name and version -- : Google 31.0.1650.57 Couldn't find a answer for this specific to mobils Please see attached image PREVIOUS SENT TO WRONG CAT.....")* Hi, It seems that you have solved you problem. The categories are displayed in two columns. This is CSS things, so we suggest to find responsive tutorials to manage this kind of display. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjQwOTktcHJvZHVjdC1kaXNwbGF5LWJvb3RzdHJhcC1vcHRpb25zLW92ZXJsYXAtbW9iaWxlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[billkarv](/forum/user/12114-billkarv "View billkarv's Profile")** - [![billkarv's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar12114.jpg)](/forum/user/12114-billkarv "View billkarv's Profile") - [ Offline](/forum/user/12114-billkarv) Less More - Posts: 36 - Thank you received: 1 - - 12 years 6 months ago [\#150205](#150205) by [billkarv](/forum/user/12114-billkarv "View billkarv's Profile") Replied by *[billkarv](/forum/user/12114-billkarv "View billkarv's Profile")* on topic *[Product Display Bootstrap - Options Overlap Mobile](/forum/26-product-category-display/864099-product-display-bootstrap-options-overlap-mobile#150205 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.2.2 -- Joomla version -- : 3.2 -- PHP version -- : 5.4 -- Browser(s) name and version -- : Google 31.0.1650.57 Couldn't find a answer for this specific to mobils Please see attached image PREVIOUS SENT TO WRONG CAT.....")* > Xavier wrote: Hi, > > It seems that you have solved you problem. The categories are displayed in two columns. > This is CSS things, so we suggest to find responsive tutorials to manage this kind of display. Yes I found a solution but I didn't know if it was a good CSS practice. Thank you for your response, I think I am finding my way through responsive layout "world". ![:)](/media/kunena/emoticons/8.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjQwOTktcHJvZHVjdC1kaXNwbGF5LWJvb3RzdHJhcC1vcHRpb25zLW92ZXJsYXAtbW9iaWxlP3RtcGw9bWFya2Rvd24=) 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.413 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)