[Skip to main content](#vessel-content) # Cart display on mobile not displayed properly ## - **[Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile")** - [![Lumiga's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar31479.png)](/forum/user/31479-lumiga "View Lumiga's Profile") Topic Author - [ Offline](/forum/user/31479-lumiga) Less More - Posts: 637 - Thank you received: 26 - - - 8 years 9 months ago - 8 years 9 months ago [\#285368](#285368) by [Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile") *[Cart display on mobile not displayed properly](/forum/27-checkout/893350-cart-display-on-mobile-not-displayed-properly#285368 "-- HikaShop version -- : 3.2.2. -- Joomla version -- : 3.8 -- PHP version -- : 7 Hi, Just to let you know. When you go create menu-item cart display, and look it on mobile it is not displayed properly. See screeshot I don't know if this has something to do with my template. But also without all my custom CSS it looks the same. I fixed it with this custom CSS code: But also the tabled layout doesn't look good in a specific pixel rance between 790 and 769 pixels. So maby it's worth to take a look at this part of the code if you see the same issues on your hand. Kind regards, Lumiga")* was created by *[Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile")* -- HikaShop version -- : 3.2.2. -- Joomla version -- : 3.8 -- PHP version -- : 7 Hi, Just to let you know. When you go create menu-item cart display, and look it on mobile it is not displayed properly. See screeshot [ ![screenshot-78.png](/forum/attachment/42007) ](/forum/attachment/42007 "screenshot-78.png") I don't know if this has something to do with my template. But also without all my custom CSS it looks the same. I fixed it with this custom CSS code: Code: @media (max-width: 461px) { #hikashop_cart_product_listing { padding-top: 70px; }} But also the tabled layout doesn't look good in a specific pixel rance between 790 and 769 pixels. [ ![screenshot-79.png](/forum/attachment/42008) ](/forum/attachment/42008 "screenshot-79.png") So maby it's worth to take a look at this part of the code if you see the same issues on your hand. Kind regards, Lumiga --- Kind regards, Lumiga - [ ![screenshot-78.png](/forum/attachment/42007) ](/forum/attachment/42007 "screenshot-78.png") [ ](/forum/attachment/42007?download=1 "screenshot-78.png") - [ ![screenshot-79.png](/forum/attachment/42008) ](/forum/attachment/42008 "screenshot-79.png") [ ](/forum/attachment/42008?download=1 "screenshot-79.png") Last edit: 8 years 9 months ago by [Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile"). The following user(s) said Thank You: [Philip](/forum/user/34318-philip "View Philip's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MzM1MC1jYXJ0LWRpc3BsYXktb24tbW9iaWxlLW5vdC1kaXNwbGF5ZWQtcHJvcGVybHk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 8 years 9 months ago [\#285394](#285394) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Cart display on mobile not displayed properly](/forum/27-checkout/893350-cart-display-on-mobile-not-displayed-properly#285394 "-- HikaShop version -- : 3.2.2. -- Joomla version -- : 3.8 -- PHP version -- : 7 Hi, Just to let you know. When you go create menu-item cart display, and look it on mobile it is not displayed properly. See screeshot I don't know if this has something to do with my template. But also without all my custom CSS it looks the same. I fixed it with this custom CSS code: But also the tabled layout doesn't look good in a specific pixel rance between 790 and 769 pixels. So maby it's worth to take a look at this part of the code if you see the same issues on your hand. Kind regards, Lumiga")* Hello, Thanks for your return, I process some test and see by myself some point to correct, but that wasn't same display issue than you. Is it possible to see your page with this issue ? That will allow me to investigate and maybe find the root issue. Awaiting news from you. Thanks ! Regards Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MzM1MC1jYXJ0LWRpc3BsYXktb24tbW9iaWxlLW5vdC1kaXNwbGF5ZWQtcHJvcGVybHk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile")** - [![Lumiga's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar31479.png)](/forum/user/31479-lumiga "View Lumiga's Profile") Topic Author - [ Offline](/forum/user/31479-lumiga) Less More - Posts: 637 - Thank you received: 26 - - - 8 years 9 months ago - 8 years 9 months ago [\#285414](#285414) by [Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile") Replied by *[Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile")* on topic *[Cart display on mobile not displayed properly](/forum/27-checkout/893350-cart-display-on-mobile-not-displayed-properly#285414 "-- HikaShop version -- : 3.2.2. -- Joomla version -- : 3.8 -- PHP version -- : 7 Hi, Just to let you know. When you go create menu-item cart display, and look it on mobile it is not displayed properly. See screeshot I don't know if this has something to do with my template. But also without all my custom CSS it looks the same. I fixed it with this custom CSS code: But also the tabled layout doesn't look good in a specific pixel rance between 790 and 769 pixels. So maby it's worth to take a look at this part of the code if you see the same issues on your hand. Kind regards, Lumiga")* Hi Philip, I have delete my custom code, so now you can see the issue on this page: This message contains confidential information But first put some products to you cart. Kind regards, Lumiga --- Kind regards, Lumiga Last edit: 8 years 9 months ago by [Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile"). The following user(s) said Thank You: [Philip](/forum/user/34318-philip "View Philip's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MzM1MC1jYXJ0LWRpc3BsYXktb24tbW9iaWxlLW5vdC1kaXNwbGF5ZWQtcHJvcGVybHk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 8 years 9 months ago - 8 years 9 months ago [\#285435](#285435) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Cart display on mobile not displayed properly](/forum/27-checkout/893350-cart-display-on-mobile-not-displayed-properly#285435 "-- HikaShop version -- : 3.2.2. -- Joomla version -- : 3.8 -- PHP version -- : 7 Hi, Just to let you know. When you go create menu-item cart display, and look it on mobile it is not displayed properly. See screeshot I don't know if this has something to do with my template. But also without all my custom CSS it looks the same. I fixed it with this custom CSS code: But also the tabled layout doesn't look good in a specific pixel rance between 790 and 769 pixels. So maby it's worth to take a look at this part of the code if you see the same issues on your hand. Kind regards, Lumiga")* Hello, There is a specific responsive css command which **is missing**... Quite strange... Add to your **default\_frontend.css** this css command : Code: @media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) { .hika_toolbar.toolbar { float: none; } } **Note :** You will see in [ **this tutorial**](https://www.hikashop.com/support/documentation/272-hikashop-display-by-color.html#custom), how to add css command in your frontend file. That may correct, your display issue. Best regards Last edit: 8 years 9 months ago by [Jerome](/forum/user/80-jerome "View Jerome's Profile"). Reason: fix CSS code which came from a ctrl+c/ctrl+v of the browser inspector tools with some extra content The following user(s) said Thank You: [trevsmiff](/forum/user/9214-trevsmiff "View trevsmiff's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MzM1MC1jYXJ0LWRpc3BsYXktb24tbW9iaWxlLW5vdC1kaXNwbGF5ZWQtcHJvcGVybHk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile")** - [![Lumiga's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar31479.png)](/forum/user/31479-lumiga "View Lumiga's Profile") Topic Author - [ Offline](/forum/user/31479-lumiga) Less More - Posts: 637 - Thank you received: 26 - - - 8 years 9 months ago [\#285563](#285563) by [Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile") Replied by *[Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile")* on topic *[Cart display on mobile not displayed properly](/forum/27-checkout/893350-cart-display-on-mobile-not-displayed-properly#285563 "-- HikaShop version -- : 3.2.2. -- Joomla version -- : 3.8 -- PHP version -- : 7 Hi, Just to let you know. When you go create menu-item cart display, and look it on mobile it is not displayed properly. See screeshot I don't know if this has something to do with my template. But also without all my custom CSS it looks the same. I fixed it with this custom CSS code: But also the tabled layout doesn't look good in a specific pixel rance between 790 and 769 pixels. So maby it's worth to take a look at this part of the code if you see the same issues on your hand. Kind regards, Lumiga")* Hi Philip, Your code doesn't work. (I have delete this line frontend_defaul…1515086459:933, but still it didn't worked) So I use this code to fix the issue. I have put in my own custom CSS. Code: @media (max-width: 768px) { .hika_toolbar.toolbar { float: none; }} Kind regards, Lumiga --- Kind regards, Lumiga Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MzM1MC1jYXJ0LWRpc3BsYXktb24tbW9iaWxlLW5vdC1kaXNwbGF5ZWQtcHJvcGVybHk/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) - 8 years 9 months ago [\#285565](#285565) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Cart display on mobile not displayed properly](/forum/27-checkout/893350-cart-display-on-mobile-not-displayed-properly#285565 "-- HikaShop version -- : 3.2.2. -- Joomla version -- : 3.8 -- PHP version -- : 7 Hi, Just to let you know. When you go create menu-item cart display, and look it on mobile it is not displayed properly. See screeshot I don't know if this has something to do with my template. But also without all my custom CSS it looks the same. I fixed it with this custom CSS code: But also the tabled layout doesn't look good in a specific pixel rance between 790 and 769 pixels. So maby it's worth to take a look at this part of the code if you see the same issues on your hand. Kind regards, Lumiga")* Hello, Yes you can adjust the media query depending your needs. More than the extra content "frontend_default.." there was also missing brackets for the @media ; it's a side effect of the browser inspector tools when you perform a copy/paste. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. The following user(s) said Thank You: [Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MzM1MC1jYXJ0LWRpc3BsYXktb24tbW9iaWxlLW5vdC1kaXNwbGF5ZWQtcHJvcGVybHk/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.293 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)