[Skip to main content](#vessel-content) # responsive shopping cart ## - **[iwallace](/forum/user/34516-iwallace "View iwallace's Profile")** - [![iwallace's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34516-iwallace "View iwallace's Profile") Topic Author - [ Offline](/forum/user/34516-iwallace) Less More - Posts: 47 - Thank you received: 4 - - 9 years 6 months ago [\#267729](#267729) by [iwallace](/forum/user/34516-iwallace "View iwallace's Profile") *[responsive shopping cart](/forum/27-checkout/889876-responsive-shopping-cart#267729 "-- url of the page with the problem -- : kuruvita.com.au/index.php/shop-categories-listing/checkout -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.6.5 Hi Hikashop, I have built a store for my client and i am happy with the way it responds in mobile devices except for the shopping cart screens am i missing a setting to make the shopping cart responsive? it looks awful and although i have addes quire a bit of CSS to the site - i have not done much to the shopping cart at all and it looks like a MAJOR challenge to look usable in a device screen less than 600px can you advise please ;-)")* was created by *[iwallace](/forum/user/34516-iwallace "View iwallace's Profile")* -- url of the page with the problem -- : [ kuruvita.com.au/index.php/shop-categories-listing/checkout](https://kuruvita.com.au/index.php/shop-categories-listing/checkout) -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.6.5 Hi Hikashop, I have built a store for my client and i am happy with the way it responds in mobile devices except for the shopping cart screens am i missing a setting to make the shopping cart responsive? it looks awful and although i have addes quire a bit of CSS to the site - i have not done much to the shopping cart at all and it looks like a MAJOR challenge to look usable in a device screen less than 600px can you advise please ![;-)](/media/kunena/emoticons/14.png ";-)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4OTg3Ni1yZXNwb25zaXZlLXNob3BwaW5nLWNhcnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86283 - Thank you received: 14262 - - 9 years 6 months ago [\#267752](#267752) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[responsive shopping cart](/forum/27-checkout/889876-responsive-shopping-cart#267752 "-- url of the page with the problem -- : kuruvita.com.au/index.php/shop-categories-listing/checkout -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.6.5 Hi Hikashop, I have built a store for my client and i am happy with the way it responds in mobile devices except for the shopping cart screens am i missing a setting to make the shopping cart responsive? it looks awful and although i have addes quire a bit of CSS to the site - i have not done much to the shopping cart at all and it looks like a MAJOR challenge to look usable in a device screen less than 600px can you advise please ;-)")* Hi, You're missing the responsive CSS for the cart display on the checkout. Add it on your website CSS and it should look better: Code: @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { .hikashop_checkout_cart table, .hikashop_checkout_cart table thead, .hikashop_checkout_cart table tbody, .hikashop_checkout_cart table thead th, .hikashop_checkout_cart table tbody td, .hikashop_checkout_cart table thead tr, .hikashop_checkout_cart table tbody tr { display: block; } .hikashop_checkout_cart table tfoot tr, .hikashop_checkout_cart table tfoot td, .hikashop_checkout_cart table tfoot { display: block; } .hikashop_checkout_cart table tbody td#hikashop_checkout_cart_total2_title, .hikashop_checkout_cart table tbody td#hikashop_checkout_cart_shipping_title, .hikashop_checkout_cart table tbody td#hikashop_checkout_cart_final_total_title, .hikashop_checkout_cart table tbody td#hikashop_checkout_cart_coupon_title, .hikashop_checkout_cart table tbody td#hikashop_checkout_cart_tax_title, .hikashop_checkout_cart table tbody td#hikashop_checkout_cart_payment_title, .hikashop_checkout_cart table tbody td.hikashop_cart_additional_title { display: none !important; } .hikashop_checkout_cart_final_total_title { display:none; } .hikashop_checkout_cart table thead tr { position: absolute; top: -9999px; left: -9999px; } .hikashop_checkout_cart table tr { border: 1px solid #ccc; } .hikashop_checkout_cart table tr.margin { border: 0px solid #ccc; } .hikashop_checkout_cart table td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 30%; } .hikashop_checkout_cart td.hikashop_cart_product_name_value {width: 64%} .hikashop_checkout_cart table td:before { position: absolute; left: 6px; padding-right: 10px; } .hikashop_checkout_cart table td.hikashop_cart_product_quantity_value:before { padding-top:3px } .hikashop_checkout_cart table td:before { content: attr(data-title); font-weight: bold; } .hikashop_checkout_cart .hikashop_product_price_full { text-align: left; min-height: 20px; padding-left: 20px; padding-top: 3px; display: inline !important; } .hikashop_checkout_cart .hikashop_product_quantity_field { margin: 0px 16px 0px 20px !important; } .hikashop_checkout_cart a span.hikashop_product_variant_subname img { margin-left: 10px; display: block; margin-top: 5px; } .hikashop_checkout_cart td.hikashop_cart_product_price_value span.visible-phone { margin-left: 5px; display:inline !important} .hikashop_checkout_cart tbody tr td.hikashop_cart_empty_footer { display: none !important } } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4OTg3Ni1yZXNwb25zaXZlLXNob3BwaW5nLWNhcnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[iwallace](/forum/user/34516-iwallace "View iwallace's Profile")** - [![iwallace's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34516-iwallace "View iwallace's Profile") Topic Author - [ Offline](/forum/user/34516-iwallace) Less More - Posts: 47 - Thank you received: 4 - - 9 years 6 months ago [\#267806](#267806) by [iwallace](/forum/user/34516-iwallace "View iwallace's Profile") Replied by *[iwallace](/forum/user/34516-iwallace "View iwallace's Profile")* on topic *[responsive shopping cart](/forum/27-checkout/889876-responsive-shopping-cart#267806 "-- url of the page with the problem -- : kuruvita.com.au/index.php/shop-categories-listing/checkout -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.6.5 Hi Hikashop, I have built a store for my client and i am happy with the way it responds in mobile devices except for the shopping cart screens am i missing a setting to make the shopping cart responsive? it looks awful and although i have addes quire a bit of CSS to the site - i have not done much to the shopping cart at all and it looks like a MAJOR challenge to look usable in a device screen less than 600px can you advise please ;-)")* Hi nicolas thanks for your time. i have added the code and im not sure that it has made a difference at all? i added it to the end of my custom css file any other suggestions thanks ![;-)](/media/kunena/emoticons/14.png ";-)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4OTg3Ni1yZXNwb25zaXZlLXNob3BwaW5nLWNhcnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86283 - Thank you received: 14262 - - 9 years 6 months ago [\#267813](#267813) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[responsive shopping cart](/forum/27-checkout/889876-responsive-shopping-cart#267813 "-- url of the page with the problem -- : kuruvita.com.au/index.php/shop-categories-listing/checkout -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.6.5 Hi Hikashop, I have built a store for my client and i am happy with the way it responds in mobile devices except for the shopping cart screens am i missing a setting to make the shopping cart responsive? it looks awful and although i have addes quire a bit of CSS to the site - i have not done much to the shopping cart at all and it looks like a MAJOR challenge to look usable in a device screen less than 600px can you advise please ;-)")* Hi, It does as far as I can see, and if you remove that CSS: .list-striped td, .table-striped td { padding: 10px 20px !important; } from your template, then it displays just great: [ monosnap.com/file/ydbRJ80hR9biEaGGPiYs0UQkA78bWy](https://monosnap.com/file/ydbRJ80hR9biEaGGPiYs0UQkA78bWy) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4OTg3Ni1yZXNwb25zaXZlLXNob3BwaW5nLWNhcnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Precisionaeroproducts](/forum/user/35595-precisionaeroproducts "View Precisionaeroproducts's Profile")** - [![Precisionaeroproducts's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/35595-precisionaeroproducts "View Precisionaeroproducts's Profile") - [ Offline](/forum/user/35595-precisionaeroproducts) Less More - Posts: 27 - Thank you received: 2 - - 9 years 3 months ago [\#272643](#272643) by [Precisionaeroproducts](/forum/user/35595-precisionaeroproducts "View Precisionaeroproducts's Profile") Replied by *[Precisionaeroproducts](/forum/user/35595-precisionaeroproducts "View Precisionaeroproducts's Profile")* on topic *[responsive shopping cart](/forum/27-checkout/889876-responsive-shopping-cart#272643 "-- url of the page with the problem -- : kuruvita.com.au/index.php/shop-categories-listing/checkout -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.6.5 Hi Hikashop, I have built a store for my client and i am happy with the way it responds in mobile devices except for the shopping cart screens am i missing a setting to make the shopping cart responsive? it looks awful and although i have addes quire a bit of CSS to the site - i have not done much to the shopping cart at all and it looks like a MAJOR challenge to look usable in a device screen less than 600px can you advise please ;-)")* Hi Nicholas, I have a similar problem with my shopping cart. On a mobile device it reorders the columns of the cart vertically with text over the top of each other. Should the CSS change noted above be done to fix this? I've not played with CSS so could you tell me which file in the template to modify? Thought it wise to ask before screwing something up....![B)](/media/kunena/emoticons/1.png "B)") I'm using purityiii and my site address is precisionaeroproducts.com.au On a desktop or laptop the cart displays perfectly. Regards, Jason. - [ ![IMG_7278.PNG](/forum/attachment/38880) ](/forum/attachment/38880 "IMG_7278.PNG") [ ](/forum/attachment/38880?download=1 "IMG_7278.PNG") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4OTg3Ni1yZXNwb25zaXZlLXNob3BwaW5nLWNhcnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Precisionaeroproducts](/forum/user/35595-precisionaeroproducts "View Precisionaeroproducts's Profile")** - [![Precisionaeroproducts's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/35595-precisionaeroproducts "View Precisionaeroproducts's Profile") - [ Offline](/forum/user/35595-precisionaeroproducts) Less More - Posts: 27 - Thank you received: 2 - - 9 years 3 months ago [\#272645](#272645) by [Precisionaeroproducts](/forum/user/35595-precisionaeroproducts "View Precisionaeroproducts's Profile") Replied by *[Precisionaeroproducts](/forum/user/35595-precisionaeroproducts "View Precisionaeroproducts's Profile")* on topic *[responsive shopping cart](/forum/27-checkout/889876-responsive-shopping-cart#272645 "-- url of the page with the problem -- : kuruvita.com.au/index.php/shop-categories-listing/checkout -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.6.5 Hi Hikashop, I have built a store for my client and i am happy with the way it responds in mobile devices except for the shopping cart screens am i missing a setting to make the shopping cart responsive? it looks awful and although i have addes quire a bit of CSS to the site - i have not done much to the shopping cart at all and it looks like a MAJOR challenge to look usable in a device screen less than 600px can you advise please ;-)")* I found another thread [ www.hikashop.com/support/forum/checkout/...n-mobile.html#272253](https://www.hikashop.com/support/forum/checkout/890783-problem-view-cart-in-mobile.html#272253) Which fixed my display issue perfectly by making the padding important. Excellent! Cheers, Jason. - [ ![IMG_7279.PNG](/forum/attachment/38882) ](/forum/attachment/38882 "IMG_7279.PNG") [ ](/forum/attachment/38882?download=1 "IMG_7279.PNG") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4OTg3Ni1yZXNwb25zaXZlLXNob3BwaW5nLWNhcnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[travisb](/forum/user/35853-travisb "View travisb's Profile")** - [![travisb's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar35853.png)](/forum/user/35853-travisb "View travisb's Profile") - [ Offline](/forum/user/35853-travisb) Less More - Posts: 6 - Thank you received: 0 - - 9 years 2 months ago [\#275008](#275008) by [travisb](/forum/user/35853-travisb "View travisb's Profile") Replied by *[travisb](/forum/user/35853-travisb "View travisb's Profile")* on topic *[responsive shopping cart](/forum/27-checkout/889876-responsive-shopping-cart#275008 "-- url of the page with the problem -- : kuruvita.com.au/index.php/shop-categories-listing/checkout -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.6.5 Hi Hikashop, I have built a store for my client and i am happy with the way it responds in mobile devices except for the shopping cart screens am i missing a setting to make the shopping cart responsive? it looks awful and although i have addes quire a bit of CSS to the site - i have not done much to the shopping cart at all and it looks like a MAJOR challenge to look usable in a device screen less than 600px can you advise please ;-)")* Where do we put this code...is it template.css Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4OTg3Ni1yZXNwb25zaXZlLXNob3BwaW5nLWNhcnQ/dG1wbD1tYXJrZG93bg==) 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) - 9 years 2 months ago [\#275024](#275024) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[responsive shopping cart](/forum/27-checkout/889876-responsive-shopping-cart#275024 "-- url of the page with the problem -- : kuruvita.com.au/index.php/shop-categories-listing/checkout -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.6.5 Hi Hikashop, I have built a store for my client and i am happy with the way it responds in mobile devices except for the shopping cart screens am i missing a setting to make the shopping cart responsive? it looks awful and although i have addes quire a bit of CSS to the site - i have not done much to the shopping cart at all and it looks like a MAJOR challenge to look usable in a device screen less than 600px can you advise please ;-)")* [ www.hikashop.com/support/documentation/1...the-display.html#css](https://www.hikashop.com/support/documentation/153-customize-the-display.html#css) --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg4OTg3Ni1yZXNwb25zaXZlLXNob3BwaW5nLWNhcnQ/dG1wbD1tYXJrZG93bg==) 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.246 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)