[Skip to main content](#vessel-content) # Product images overlaps prices in mobile view ## - **[ertmania](/forum/user/27042-ertmania "View ertmania's Profile")** - [![ertmania's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/27042-ertmania "View ertmania's Profile") Topic Author - [ Offline](/forum/user/27042-ertmania) Less More - Posts: 64 - Thank you received: 4 - - [](https://ertmania.dk) - 11 years 6 months ago [\#199983](#199983) by [ertmania](/forum/user/27042-ertmania "View ertmania's Profile") *[Product images overlaps prices in mobile view](/forum/26-product-category-display/876633-product-images-overlaps-prices-in-mobile-view#199983 "-- url of the page with the problem -- : ertmania.dk -- Joomla version -- : 3.4.4 -- PHP version -- : 5.6.0. -- Browser(s) name and version -- : Chrome I have read several posts reminding of this, but not exactly what I need. Could we take this issue once more, please? When I look at a product on a mobile phone, the image is too large and overlaps the price an quantity field. How do I fix this? And please be specific about files and folders.")* was created by *[ertmania](/forum/user/27042-ertmania "View ertmania's Profile")* -- url of the page with the problem -- : [ ertmania.dk](https://ertmania.dk) -- Joomla version -- : 3.4.4 -- PHP version -- : 5.6.0. -- Browser(s) name and version -- : Chrome I have read several posts reminding of this, but not exactly what I need. Could we take this issue once more, please? When I look at a product on a mobile phone, the image is too large and overlaps the price an quantity field. How do I fix this? And please be specific about files and folders. [ ![product_image_hikashop.png](/forum/attachment/24085) ](/forum/attachment/24085 "...e_hikashop.png") --- [ ertmania.dk](Https://ertmania.dk) - Elektronik-produkter - gaver til børn - [ ![product_image_hikashop.png](/forum/attachment/24085) ](/forum/attachment/24085 "...e_hikashop.png") [ ](/forum/attachment/24085?download=1 "...e_hikashop.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzY2MzMtcHJvZHVjdC1pbWFnZXMtb3ZlcmxhcHMtcHJpY2VzLWluLW1vYmlsZS12aWV3P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[ertmania](/forum/user/27042-ertmania "View ertmania's Profile")** - [![ertmania's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/27042-ertmania "View ertmania's Profile") Topic Author - [ Offline](/forum/user/27042-ertmania) Less More - Posts: 64 - Thank you received: 4 - - [](https://ertmania.dk) - 11 years 6 months ago [\#200025](#200025) by [ertmania](/forum/user/27042-ertmania "View ertmania's Profile") Replied by *[ertmania](/forum/user/27042-ertmania "View ertmania's Profile")* on topic *[Product images overlaps prices in mobile view](/forum/26-product-category-display/876633-product-images-overlaps-prices-in-mobile-view#200025 "-- url of the page with the problem -- : ertmania.dk -- Joomla version -- : 3.4.4 -- PHP version -- : 5.6.0. -- Browser(s) name and version -- : Chrome I have read several posts reminding of this, but not exactly what I need. Could we take this issue once more, please? When I look at a product on a mobile phone, the image is too large and overlaps the price an quantity field. How do I fix this? And please be specific about files and folders.")* I know I can change the product image size in the configuration > images, but iff make the size smaller, the desktop view image is too small --- [ ertmania.dk](Https://ertmania.dk) - Elektronik-produkter - gaver til børn Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzY2MzMtcHJvZHVjdC1pbWFnZXMtb3ZlcmxhcHMtcHJpY2VzLWluLW1vYmlsZS12aWV3P3RtcGw9bWFya2Rvd24=) 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") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 11 years 6 months ago [\#200027](#200027) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Product images overlaps prices in mobile view](/forum/26-product-category-display/876633-product-images-overlaps-prices-in-mobile-view#200027 "-- url of the page with the problem -- : ertmania.dk -- Joomla version -- : 3.4.4 -- PHP version -- : 5.6.0. -- Browser(s) name and version -- : Chrome I have read several posts reminding of this, but not exactly what I need. Could we take this issue once more, please? When I look at a product on a mobile phone, the image is too large and overlaps the price an quantity field. How do I fix this? And please be specific about files and folders.")* Hi, That's normal. The elements are not responsive. There are two ways to make them responsive: 1. You turn on the "use bootstrap design" setting of the hikashop configuration but this can only work if your template is compatible with bootstrap 2, and looking at your pages, it doesn't seem to be the case, so that won't work. 2. You add custom CSS to your template in order to make these elements responsive. To do that, you can use @media CSS queries in the frontend CSS file of HikaShop. For example, for your product page, you can add such CSS: Code: @media (max-width: 780px) { #hikashop_product_left_part, #hikashop_product_right_part{ width: 100% !important; } } How to add that CSS to your template will depend on your template so it's best to ask them but here is a generic tutorial: [ www.htmlgoodies.com/beyond/webmaster/too...h-css-in-joomla.html](http://www.htmlgoodies.com/beyond/webmaster/toolbox/web-developer-school-working-with-css-in-joomla.html) The following user(s) said Thank You: [ertmania](/forum/user/27042-ertmania "View ertmania's Profile"), [Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzY2MzMtcHJvZHVjdC1pbWFnZXMtb3ZlcmxhcHMtcHJpY2VzLWluLW1vYmlsZS12aWV3P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[ertmania](/forum/user/27042-ertmania "View ertmania's Profile")** - [![ertmania's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/27042-ertmania "View ertmania's Profile") Topic Author - [ Offline](/forum/user/27042-ertmania) Less More - Posts: 64 - Thank you received: 4 - - [](https://ertmania.dk) - 11 years 5 months ago [\#200164](#200164) by [ertmania](/forum/user/27042-ertmania "View ertmania's Profile") Replied by *[ertmania](/forum/user/27042-ertmania "View ertmania's Profile")* on topic *[Product images overlaps prices in mobile view](/forum/26-product-category-display/876633-product-images-overlaps-prices-in-mobile-view#200164 "-- url of the page with the problem -- : ertmania.dk -- Joomla version -- : 3.4.4 -- PHP version -- : 5.6.0. -- Browser(s) name and version -- : Chrome I have read several posts reminding of this, but not exactly what I need. Could we take this issue once more, please? When I look at a product on a mobile phone, the image is too large and overlaps the price an quantity field. How do I fix this? And please be specific about files and folders.")* Hi, Nicolas. Thank you for your awesome support. Even if you don't have answers for everything, I think your support is unique. I got this code from Artisteer which my template is made from: .responsive .hikashop_product_main_image div { width:100%!important; } I inserted in template.css. Maybe you can pass it on to other asking the same. [ ](http://ertmania.dk) Allan --- [ ertmania.dk](Https://ertmania.dk) - Elektronik-produkter - gaver til børn The following user(s) said Thank You: [nicolas](/forum/user/63-nicolas "View nicolas's Profile"), [upstategirl](/forum/user/41071-upstategirl "View upstategirl's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzY2MzMtcHJvZHVjdC1pbWFnZXMtb3ZlcmxhcHMtcHJpY2VzLWluLW1vYmlsZS12aWV3P3RtcGw9bWFya2Rvd24=) 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.285 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)