[Skip to main content](#vessel-content)

#   Picture display too big on mobile

##

- **[jimmyngf](/forum/user/45759-jimmyngf "View jimmyngf's Profile")**
- [![jimmyngf's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/45759-jimmyngf "View jimmyngf's Profile") Topic Author
- [ Offline](/forum/user/45759-jimmyngf)

Less More

- Posts: 17
- Thank you received: 0
-
-

10 years 1 week ago [\#254639](#254639) by [jimmyngf](/forum/user/45759-jimmyngf "View jimmyngf's Profile")  *[Picture display too big on mobile](/forum/25-install-update/887352-picture-display-too-big-on-mobile#254639 "-- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.4.0 -- Browser(s) name and version -- : Iphone  The picture display too big on mobile. can you help fix. thanks")* was created by *[jimmyngf](/forum/user/45759-jimmyngf "View jimmyngf's Profile")*

-- HikaShop version -- : 2.6.4
-- Joomla version -- : 3.5.1
-- PHP version -- : 5.4.0
-- Browser(s) name and version -- : Iphone

The picture display too big on mobile. can you help fix. thanks

- [ ![IMG&#95;2805.PNG](/forum/attachment/34486) ](/forum/attachment/34486 "IMG&#95;2805.PNG") [ ](/forum/attachment/34486?download=1 "IMG&#95;2805.PNG")
- [ ![IMG&#95;2806.PNG](/forum/attachment/34487) ](/forum/attachment/34487 "IMG&#95;2806.PNG") [ ](/forum/attachment/34487?download=1 "IMG&#95;2806.PNG")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg4NzM1Mi1waWN0dXJlLWRpc3BsYXktdG9vLWJpZy1vbi1tb2JpbGU/dG1wbD1tYXJrZG93bg==) 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
-
-
-

10 years 1 week ago [\#254647](#254647) 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 *[Picture display too big on mobile](/forum/25-install-update/887352-picture-display-too-big-on-mobile#254647 "-- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.4.0 -- Browser(s) name and version -- : Iphone  The picture display too big on mobile. can you help fix. thanks")*

Hello,

In your case the solution will probably be to 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 &gt; Display &gt; CSS
> Use the @media tags to change the width of the columns when the width of the page is less than xx.
>
> ex:
> @media (max-width: 767px) {
> .hikashop\_products .row-fluid .span4 { width: 49% !important;}
> }
>
> 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=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg4NzM1Mi1waWN0dXJlLWRpc3BsYXktdG9vLWJpZy1vbi1tb2JpbGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[jimmyngf](/forum/user/45759-jimmyngf "View jimmyngf's Profile")**
- [![jimmyngf's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/45759-jimmyngf "View jimmyngf's Profile") Topic Author
- [ Offline](/forum/user/45759-jimmyngf)

Less More

- Posts: 17
- Thank you received: 0
-
-

10 years 1 week ago [\#254680](#254680) by [jimmyngf](/forum/user/45759-jimmyngf "View jimmyngf's Profile")  Replied by *[jimmyngf](/forum/user/45759-jimmyngf "View jimmyngf's Profile")* on topic *[Picture display too big on mobile](/forum/25-install-update/887352-picture-display-too-big-on-mobile#254680 "-- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.4.0 -- Browser(s) name and version -- : Iphone  The picture display too big on mobile. can you help fix. thanks")*

I do the modification in the frontend cdd still not work for me, i don't have luck.
@media (max-width: 767px) {
.hikashop_products .row-fluid .span4 { width: 49% !important;}
}

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg4NzM1Mi1waWN0dXJlLWRpc3BsYXktdG9vLWJpZy1vbi1tb2JpbGU/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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86556
- Thank you received: 14304
-
-

10 years 6 days ago [\#254707](#254707) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Picture display too big on mobile](/forum/25-install-update/887352-picture-display-too-big-on-mobile#254707 "-- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.4.0 -- Browser(s) name and version -- : Iphone  The picture display too big on mobile. can you help fix. thanks")*

Hi,

Please provide a link of that page.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg4NzM1Mi1waWN0dXJlLWRpc3BsYXktdG9vLWJpZy1vbi1tb2JpbGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[jimmyngf](/forum/user/45759-jimmyngf "View jimmyngf's Profile")**
- [![jimmyngf's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/45759-jimmyngf "View jimmyngf's Profile") Topic Author
- [ Offline](/forum/user/45759-jimmyngf)

Less More

- Posts: 17
- Thank you received: 0
-
-

10 years 6 days ago [\#254748](#254748) by [jimmyngf](/forum/user/45759-jimmyngf "View jimmyngf's Profile")  Replied by *[jimmyngf](/forum/user/45759-jimmyngf "View jimmyngf's Profile")* on topic *[Picture display too big on mobile](/forum/25-install-update/887352-picture-display-too-big-on-mobile#254748 "-- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.4.0 -- Browser(s) name and version -- : Iphone  The picture display too big on mobile. can you help fix. thanks")*

hi
here is the link
[ newcityrestaurant.com/index.php/menu/lun...black-pepper-chicken](http://newcityrestaurant.com/index.php/menu/lunch-menu/product/2014-lunch-black-pepper-chicken)
I use the iphone for this page. thank you

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg4NzM1Mi1waWN0dXJlLWRpc3BsYXktdG9vLWJpZy1vbi1tb2JpbGU/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: 26400
- Thank you received: 4080
-
- [](http://obsi.dev)
-

10 years 6 days ago [\#254791](#254791) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Picture display too big on mobile](/forum/25-install-update/887352-picture-display-too-big-on-mobile#254791 "-- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.4.0 -- Browser(s) name and version -- : Iphone  The picture display too big on mobile. can you help fix. thanks")*

Hi,

You have HikaShop configured to set a height to "220px" for the product image.
[ pasteboard.co/oWRSNk8Pb.png](http://pasteboard.co/oWRSNk8Pb.png)
That CSS affect the responsive while the inner image is bigger than the 220px height.

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

The following user(s) said Thank You: [jimmyngf](/forum/user/45759-jimmyngf "View jimmyngf's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg4NzM1Mi1waWN0dXJlLWRpc3BsYXktdG9vLWJpZy1vbi1tb2JpbGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[jimmyngf](/forum/user/45759-jimmyngf "View jimmyngf's Profile")**
- [![jimmyngf's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/45759-jimmyngf "View jimmyngf's Profile") Topic Author
- [ Offline](/forum/user/45759-jimmyngf)

Less More

- Posts: 17
- Thank you received: 0
-
-

10 years 6 days ago -  10 years 5 days ago [\#254795](#254795) by [jimmyngf](/forum/user/45759-jimmyngf "View jimmyngf's Profile")  Replied by *[jimmyngf](/forum/user/45759-jimmyngf "View jimmyngf's Profile")* on topic *[Picture display too big on mobile](/forum/25-install-update/887352-picture-display-too-big-on-mobile#254795 "-- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.5.1 -- PHP version -- : 5.4.0 -- Browser(s) name and version -- : Iphone  The picture display too big on mobile. can you help fix. thanks")*

Hi,

thank you.

Last edit: 10 years 5 days ago by [jimmyngf](/forum/user/45759-jimmyngf "View jimmyngf's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg4NzM1Mi1waWN0dXJlLWRpc3BsYXktdG9vLWJpZy1vbi1tb2JpbGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; 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.082 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
