[Skip to main content](#vessel-content) # problem view cart in mobile ## - **[Casile](/forum/user/50755-casile "View Casile's Profile")** - [![Casile's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/50755-casile "View Casile's Profile") Topic Author - [ Offline](/forum/user/50755-casile) Less More - Posts: 2 - Thank you received: 0 - - 9 years 4 months ago - 9 years 4 months ago [\#272253](#272253) by [Casile](/forum/user/50755-casile "View Casile's Profile") *[problem view cart in mobile](/forum/27-checkout/890783-problem-view-cart-in-mobile#272253 "Sorry but not working the change in my template. Where do i change this? in the cart is related to your template CSS, which override the "padding-left" of that rule : You might need to adapt the rule by marking it as "important" Best regards, Jerome")* was created by *[Casile](/forum/user/50755-casile "View Casile's Profile")* Sorry but not working the change in my template. Where do i change this? [ ![error-view-mobile.jpg](/forum/attachment/38744) ](/forum/attachment/38744 "...iew-mobile.jpg") in the cart is related to your template CSS, which override the "padding-left" of that rule : Code: @media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) frontend_defaul…1497531140:524 .hikashop_checkout_cart table td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 30%; } You might need to adapt the rule by marking it as "important" Best regards, Jerome - [ ![error-view-mobile.jpg](/forum/attachment/38744) ](/forum/attachment/38744 "...iew-mobile.jpg") [ ](/forum/attachment/38744?download=1 "...iew-mobile.jpg") Last edit: 9 years 4 months ago by [Jerome](/forum/user/80-jerome "View Jerome's Profile"). Reason: removing duplicate attachment & adding [code] tag Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MDc4My1wcm9ibGVtLXZpZXctY2FydC1pbi1tb2JpbGU/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 - - 9 years 4 months ago - 9 years 4 months ago [\#272273](#272273) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[problem view cart in mobile](/forum/27-checkout/890783-problem-view-cart-in-mobile#272273 "Sorry but not working the change in my template. Where do i change this? in the cart is related to your template CSS, which override the "padding-left" of that rule : You might need to adapt the rule by marking it as "important" Best regards, Jerome")* Hello, Can you provide a **link** in order to better understand the context? Because maybe there is some "conflicts" with your front-end template or else, because in our mind **HikaShop Css must be adapted for mobile screen**. Awaiting news from you. Regards Last edit: 9 years 4 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MDc4My1wcm9ibGVtLXZpZXctY2FydC1pbi1tb2JpbGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Casile](/forum/user/50755-casile "View Casile's Profile")** - [![Casile's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/50755-casile "View Casile's Profile") Topic Author - [ Offline](/forum/user/50755-casile) Less More - Posts: 2 - Thank you received: 0 - - 9 years 4 months ago [\#272299](#272299) by [Casile](/forum/user/50755-casile "View Casile's Profile") Replied by *[Casile](/forum/user/50755-casile "View Casile's Profile")* on topic *[problem view cart in mobile](/forum/27-checkout/890783-problem-view-cart-in-mobile#272299 "Sorry but not working the change in my template. Where do i change this? in the cart is related to your template CSS, which override the "padding-left" of that rule : You might need to adapt the rule by marking it as "important" Best regards, Jerome")* I send you in private the user name and pasword for access in joomla as super user. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MDc4My1wcm9ibGVtLXZpZXctY2FydC1pbi1tb2JpbGU/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 4 months ago [\#272306](#272306) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[problem view cart in mobile](/forum/27-checkout/890783-problem-view-cart-in-mobile#272306 "Sorry but not working the change in my template. Where do i change this? in the cart is related to your template CSS, which override the "padding-left" of that rule : You might need to adapt the rule by marking it as "important" Best regards, Jerome")* Hello, Do not use private message to contact the team ; it's unfortunately useless because we are a team, we can't see PM of other users and PM is not a way to provide good support. Thank you for your understanding. Now about your issue ; it's something "recurrent" and it's an issue generated by your template. You have two way to fix it (not in the same time. It's one.. or the other). 1 - Rectify the padding to mark it important. In the HikaShop frontend CSS you will find that rule : Code: .hikashop_checkout_cart table td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 30%; } You need to set the paddin-left as important to force that padding and not let your template break it. 2 - Removing the "position absolute". In the HikaShop frontend CSS you will find that rule : Code: .hikashop_checkout_cart table td:before { position: absolute; left: 6px; padding-right: 10px; } You need to remove the position absolute so the content will be display in two lines. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MDc4My1wcm9ibGVtLXZpZXctY2FydC1pbi1tb2JpbGU/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.220 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)