Picture display too big on mobile

  • Posts: 17
  • Thank you received: 0
8 years 8 months ago #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

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
8 years 8 months ago #254647

Hello,

In your case the solution will probably be to directly use some CSS code like media queries :

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 (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

Please Log in or Create an account to join the conversation.

  • Posts: 17
  • Thank you received: 0
8 years 8 months ago #254680

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 or Create an account to join the conversation.

  • Posts: 84046
  • Thank you received: 13623
  • MODERATOR
8 years 7 months ago #254707

Hi,

Please provide a link of that page.

Please Log in or Create an account to join the conversation.

  • Posts: 17
  • Thank you received: 0
8 years 7 months ago #254748

hi
here is the link
newcityrestaurant.com/index.php/menu/lun...black-pepper-chicken
I use the iphone for this page. thank you

Please Log in or Create an account to join the conversation.

  • Posts: 26255
  • Thank you received: 4041
  • MODERATOR
8 years 7 months ago #254791

Hi,

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

Regards,


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

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
The following user(s) said Thank You: jimmyngf

Please Log in or Create an account to join the conversation.

  • Posts: 17
  • Thank you received: 0
8 years 7 months ago #254795

Hi,

thank you.

Last edit: 8 years 7 months ago by jimmyngf.

Please Log in or Create an account to join the conversation.

Time to create page: 0.062 seconds
Powered by Kunena Forum
loading