[Skip to main content](#vessel-content) # add product in cart - mobile resolution ## - **[bf360](/forum/user/37777-bf360 "View bf360's Profile")** - [![bf360's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/37777-bf360 "View bf360's Profile") Topic Author - [ Offline](/forum/user/37777-bf360) Less More - Posts: 27 - Thank you received: 0 - - 9 years 2 weeks ago - 9 years 2 weeks ago [\#281453](#281453) by [bf360](/forum/user/37777-bf360 "View bf360's Profile") *[add product in cart - mobile resolution](/forum/27-checkout/892560-add-product-in-cart-mobile-resolution#281453 "-- url of the page with the problem -- : 212.237.23.252 -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.7.2 -- PHP version -- : 5.6.30 Hi! i've a problem in the view (on mobile) where customers can add product in cart (example 212.237.23.252/index.php/it/component/hikashop/product/cid-3 ). The area where is social icon, image product and price are not responsive...there is a way to solve it? The same issue on the checkout...the area that contain auth/registration and the product on cart, is not responsive... regards Roberto")* was created by *[bf360](/forum/user/37777-bf360 "View bf360's Profile")* -- url of the page with the problem -- : [ 212.237.23.252](http://212.237.23.252) -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.7.2 -- PHP version -- : 5.6.30 Hi! i've a problem in the view (on mobile) where customers can add product in cart (example [ 212.237.23.252/index.php/it/component/hikashop/product/cid-3](http://212.237.23.252/index.php/it/component/hikashop/product/cid-3)). The area where is social icon, image product and price are not responsive...there is a way to solve it? The same issue on the checkout...the area that contain auth/registration and the product on cart, is not responsive... regards Roberto Last edit: 9 years 2 weeks ago by [bf360](/forum/user/37777-bf360 "View bf360's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MjU2MC1hZGQtcHJvZHVjdC1pbi1jYXJ0LW1vYmlsZS1yZXNvbHV0aW9uP3RtcGw9bWFya2Rvd24=) 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: 26400 - Thank you received: 4079 - - [](http://obsi.dev) - 9 years 1 week ago [\#281459](#281459) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[add product in cart - mobile resolution](/forum/27-checkout/892560-add-product-in-cart-mobile-resolution#281459 "-- url of the page with the problem -- : 212.237.23.252 -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.7.2 -- PHP version -- : 5.6.30 Hi! i've a problem in the view (on mobile) where customers can add product in cart (example 212.237.23.252/index.php/it/component/hikashop/product/cid-3 ). The area where is social icon, image product and price are not responsive...there is a way to solve it? The same issue on the checkout...the area that contain auth/registration and the product on cart, is not responsive... regards Roberto")* Hello, You're not using the "frontend" CSS file but you're using a "style custom" CSS. Your CSS do not include responsive rules regarding the images. You might want to add rules to make the image width (or max-width) to 100% to bypass the fixed width you have configured in the HikaShop image settings. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MjU2MC1hZGQtcHJvZHVjdC1pbi1jYXJ0LW1vYmlsZS1yZXNvbHV0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[bf360](/forum/user/37777-bf360 "View bf360's Profile")** - [![bf360's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/37777-bf360 "View bf360's Profile") Topic Author - [ Offline](/forum/user/37777-bf360) Less More - Posts: 27 - Thank you received: 0 - - 9 years 1 week ago - 9 years 1 week ago [\#281531](#281531) by [bf360](/forum/user/37777-bf360 "View bf360's Profile") Replied by *[bf360](/forum/user/37777-bf360 "View bf360's Profile")* on topic *[add product in cart - mobile resolution](/forum/27-checkout/892560-add-product-in-cart-mobile-resolution#281531 "-- url of the page with the problem -- : 212.237.23.252 -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.7.2 -- PHP version -- : 5.6.30 Hi! i've a problem in the view (on mobile) where customers can add product in cart (example 212.237.23.252/index.php/it/component/hikashop/product/cid-3 ). The area where is social icon, image product and price are not responsive...there is a way to solve it? The same issue on the checkout...the area that contain auth/registration and the product on cart, is not responsive... regards Roberto")* Hello! sorry but I do not have much experience in css customization...yep i'im using a style custom css created using the function "+" in global conf->view->css option. In this way i saw that the custom file is equal to frontend CSS file: so i had modify only product price style and button price. in fact if I use the default style the problem persists (i had I've reset the default style so you can check it out if you want) how do as you said "add rules to make the image width (or max-width) to 100% to bypass the fixed width you have configured in the HikaShop image settings" ? Regards Roberto Last edit: 9 years 1 week ago by [bf360](/forum/user/37777-bf360 "View bf360's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MjU2MC1hZGQtcHJvZHVjdC1pbi1jYXJ0LW1vYmlsZS1yZXNvbHV0aW9uP3RtcGw9bWFya2Rvd24=) 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/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 652 - - 9 years 1 week ago - 9 years 1 week ago [\#281553](#281553) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[add product in cart - mobile resolution](/forum/27-checkout/892560-add-product-in-cart-mobile-resolution#281553 "-- url of the page with the problem -- : 212.237.23.252 -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.7.2 -- PHP version -- : 5.6.30 Hi! i've a problem in the view (on mobile) where customers can add product in cart (example 212.237.23.252/index.php/it/component/hikashop/product/cid-3 ). The area where is social icon, image product and price are not responsive...there is a way to solve it? The same issue on the checkout...the area that contain auth/registration and the product on cart, is not responsive... regards Roberto")* Hello, Why don't you use the **frontend default.css**, in order **to get the Css responsive command**(@media), to finally add it in your custom frontend css ? For this **switch** your frontend css, reproduce phone or else **resolution**, and use your **navigator inspector tool** (right-click on your responsive html elements) [ ![[img ](https://cdn.pbrd.co/images/GRtQMhW.png) ](https://cdn.pbrd.co/images/GRtQMhW.png "[img ") this will allow you to see and copy paste, the **required command**, for this look for Css **@media command**. Note that if you pass **on the css command** your inspector tool will give you the **file line** (see the red arrow) Then edit your custom frontend css. Hope this will help you. Regards Last edit: 9 years 1 week ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MjU2MC1hZGQtcHJvZHVjdC1pbi1jYXJ0LW1vYmlsZS1yZXNvbHV0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[bf360](/forum/user/37777-bf360 "View bf360's Profile")** - [![bf360's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/37777-bf360 "View bf360's Profile") Topic Author - [ Offline](/forum/user/37777-bf360) Less More - Posts: 27 - Thank you received: 0 - - 9 years 1 week ago [\#281747](#281747) by [bf360](/forum/user/37777-bf360 "View bf360's Profile") Replied by *[bf360](/forum/user/37777-bf360 "View bf360's Profile")* on topic *[add product in cart - mobile resolution](/forum/27-checkout/892560-add-product-in-cart-mobile-resolution#281747 "-- url of the page with the problem -- : 212.237.23.252 -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.7.2 -- PHP version -- : 5.6.30 Hi! i've a problem in the view (on mobile) where customers can add product in cart (example 212.237.23.252/index.php/it/component/hikashop/product/cid-3 ). The area where is social icon, image product and price are not responsive...there is a way to solve it? The same issue on the checkout...the area that contain auth/registration and the product on cart, is not responsive... regards Roberto")* Hi Philip! thanks for your clear and detailed explanation!!! Unfortunately, even using default css, mobile view is corrupt...That's why I was trying to fix it with a custom css. I attach the view using default css [ ![1.PNG](/forum/attachment/41198) ](/forum/attachment/41198 "1.PNG") [ ![2.PNG](/forum/attachment/41199) ](/forum/attachment/41199 "2.PNG") [ ![3.PNG](/forum/attachment/41200) ](/forum/attachment/41200 "3.PNG") [ ![4.PNG](/forum/attachment/41201) ](/forum/attachment/41201 "4.PNG") as you can see, the product image is out of view, the social icon appear not very well...for the product that have a discount the label "original price + new price" go over the screen (img 4) Regards Rob - [ ![1.PNG](/forum/attachment/41198) ](/forum/attachment/41198 "1.PNG") [ ](/forum/attachment/41198?download=1 "1.PNG") - [ ![2.PNG](/forum/attachment/41199) ](/forum/attachment/41199 "2.PNG") [ ](/forum/attachment/41199?download=1 "2.PNG") - [ ![3.PNG](/forum/attachment/41200) ](/forum/attachment/41200 "3.PNG") [ ](/forum/attachment/41200?download=1 "3.PNG") - [ ![4.PNG](/forum/attachment/41201) ](/forum/attachment/41201 "4.PNG") [ ](/forum/attachment/41201?download=1 "4.PNG") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MjU2MC1hZGQtcHJvZHVjdC1pbi1jYXJ0LW1vYmlsZS1yZXNvbHV0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[bf360](/forum/user/37777-bf360 "View bf360's Profile")** - [![bf360's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/37777-bf360 "View bf360's Profile") Topic Author - [ Offline](/forum/user/37777-bf360) Less More - Posts: 27 - Thank you received: 0 - - 9 years 1 week ago [\#281750](#281750) by [bf360](/forum/user/37777-bf360 "View bf360's Profile") Replied by *[bf360](/forum/user/37777-bf360 "View bf360's Profile")* on topic *[add product in cart - mobile resolution](/forum/27-checkout/892560-add-product-in-cart-mobile-resolution#281750 "-- url of the page with the problem -- : 212.237.23.252 -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.7.2 -- PHP version -- : 5.6.30 Hi! i've a problem in the view (on mobile) where customers can add product in cart (example 212.237.23.252/index.php/it/component/hikashop/product/cid-3 ). The area where is social icon, image product and price are not responsive...there is a way to solve it? The same issue on the checkout...the area that contain auth/registration and the product on cart, is not responsive... regards Roberto")* ...and here the issue on checkout [ ![5.PNG](/forum/attachment/41202) ](/forum/attachment/41202 "5.PNG") - [ ![5.PNG](/forum/attachment/41202) ](/forum/attachment/41202 "5.PNG") [ ](/forum/attachment/41202?download=1 "5.PNG") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MjU2MC1hZGQtcHJvZHVjdC1pbi1jYXJ0LW1vYmlsZS1yZXNvbHV0aW9uP3RtcGw9bWFya2Rvd24=) 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/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 652 - - 9 years 1 week ago - 9 years 1 week ago [\#281761](#281761) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[add product in cart - mobile resolution](/forum/27-checkout/892560-add-product-in-cart-mobile-resolution#281761 "-- url of the page with the problem -- : 212.237.23.252 -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.7.2 -- PHP version -- : 5.6.30 Hi! i've a problem in the view (on mobile) where customers can add product in cart (example 212.237.23.252/index.php/it/component/hikashop/product/cid-3 ). The area where is social icon, image product and price are not responsive...there is a way to solve it? The same issue on the checkout...the area that contain auth/registration and the product on cart, is not responsive... regards Roberto")* Hello, Do you try to use the **default template** like **ProtoStar**, to see if that solve your issue ? This kind of display isn't what HikaShop have to manage responsive display... Maybe you can provide an **Url link** **with default frontend css file selected**, in order to process ourself some tests in order to better understand what's going on. Awaiting news from you. Regards Last edit: 9 years 1 week ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MjU2MC1hZGQtcHJvZHVjdC1pbi1jYXJ0LW1vYmlsZS1yZXNvbHV0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[bf360](/forum/user/37777-bf360 "View bf360's Profile")** - [![bf360's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/37777-bf360 "View bf360's Profile") Topic Author - [ Offline](/forum/user/37777-bf360) Less More - Posts: 27 - Thank you received: 0 - - 9 years 1 week ago - 9 years 1 week ago [\#281849](#281849) by [bf360](/forum/user/37777-bf360 "View bf360's Profile") Replied by *[bf360](/forum/user/37777-bf360 "View bf360's Profile")* on topic *[add product in cart - mobile resolution](/forum/27-checkout/892560-add-product-in-cart-mobile-resolution#281849 "-- url of the page with the problem -- : 212.237.23.252 -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.7.2 -- PHP version -- : 5.6.30 Hi! i've a problem in the view (on mobile) where customers can add product in cart (example 212.237.23.252/index.php/it/component/hikashop/product/cid-3 ). The area where is social icon, image product and price are not responsive...there is a way to solve it? The same issue on the checkout...the area that contain auth/registration and the product on cart, is not responsive... regards Roberto")* Hi! i do not try change template in Protostar, because i go in production soon with this site and i would not break all ![:)](/media/kunena/emoticons/3.png ":)") You can visit [ 212.237.23.252/index.php/it/component/hikashop/product/cid-3](http://212.237.23.252/index.php/it/component/hikashop/product/cid-3) ...now hikashop is set with default frontend [ ![cssoption.PNG](/forum/attachment/41225) ](/forum/attachment/41225 "cssoption.PNG") . also you can try adding to the cart to see the behavior at checkout Thanks Regards - [ ![cssoption.PNG](/forum/attachment/41225) ](/forum/attachment/41225 "cssoption.PNG") [ ](/forum/attachment/41225?download=1 "cssoption.PNG") Last edit: 9 years 1 week ago by [bf360](/forum/user/37777-bf360 "View bf360's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MjU2MC1hZGQtcHJvZHVjdC1pbi1jYXJ0LW1vYmlsZS1yZXNvbHV0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 9 years 1 week ago [\#281871](#281871) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[add product in cart - mobile resolution](/forum/27-checkout/892560-add-product-in-cart-mobile-resolution#281871 "-- url of the page with the problem -- : 212.237.23.252 -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.7.2 -- PHP version -- : 5.6.30 Hi! i've a problem in the view (on mobile) where customers can add product in cart (example 212.237.23.252/index.php/it/component/hikashop/product/cid-3 ). The area where is social icon, image product and price are not responsive...there is a way to solve it? The same issue on the checkout...the area that contain auth/registration and the product on cart, is not responsive... regards Roberto")* Hello, When I try it on a local website using one of Joomla default templates it's displaying correctly for mobile devices. As Philip said, you should actually try it with one of Joomla default templates to see if it's coming from your template. Else you can directly use some CSS code like [ media queries](http://www.hikashop.com/forum/2-general-talk-about-hikashop/85393-responsive-columns-using-media-queries.html#114251) : > You can do the modifications in the frontend css file via the menu Configuration > Display > CSS > Use the @media tags to change the width of the columns when the width of the page is less than xx. > > ex: > @media (min-width: 992px) > .hkc-md-4 { > width: 33.33333333%; > } > > Here is some documentation about the layout customization: > [ www.hikashop.com/support/documentation/1...ize-the-display.html](http://www.hikashop.com/support/documentation/153-customize-the-display.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2NoZWNrb3V0Lzg5MjU2MC1hZGQtcHJvZHVjdC1pbi1jYXJ0LW1vYmlsZS1yZXNvbHV0aW9uP3RtcGw9bWFya2Rvd24=) 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.078 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)