Hikashop Content Module not responsive

  • Posts: 301
  • Thank you received: 1
10 years 2 months ago #208292

-- HikaShop version -- : 2.5.0

I have a Hika content module showing main categories horizontally across the screen on my home page with an image and the category name underneath.

This all looks good until you start to view the website on a small screen such as a phone. The module is not responsive at all. What should be happening is that each of the category images and names should be sitting vertically if the screen is detected as small.

Is there a way of doing this in the hika settings?

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

  • Posts: 84305
  • Thank you received: 13700
  • MODERATOR
10 years 2 months ago #208324

Hi,

Yes. You can do that by turning on the "use bootstrap design" setting of the HikaShop configuration.
Please note that this requires your Joomla template to be compatible with bootstrap.
If that's not the case, then the solution will be to add custom CSS using the @media query to switch from vertical to horizontal.

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

  • Posts: 301
  • Thank you received: 1
10 years 2 months ago #208385

Thanks
Turning Bootstrap on does make it look better but it makes the shop look terrible.

What happens with Bootstrap. When I turned it on, the category images don't retain the sizes that I set under a hikashop module.
It looks like the DIV parameters are not being used - does bootstrap over ride hikashop conifigurations?

Last edit: 10 years 2 months ago by Huski.

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

  • Posts: 84305
  • Thank you received: 13700
  • MODERATOR
10 years 2 months ago #208389

Hi,

It must come from the bootstrap CSS of your template.
Any CSS from any part of your website can override the CSS of the HikaShop HTML elements.
So even if you set a specific size for thumbnails and that the thumbnail files are effectively the size you want, if you have something forcing the size of the thumbnails with CSS code, the browser will then adjust the size of the thumbnails on the fly.

Unfortunately, without looking at the page and analyzing the CSS of the element, I can't say much more than suppositions.

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

  • Posts: 301
  • Thank you received: 1
10 years 2 months ago #208434

Thanks - have finally worked it out. You were right, the templates css was affecting hikashop. all fixes.

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

Time to create page: 0.058 seconds
Powered by Kunena Forum