Turning on Bootstrap messes up columns

  • Posts: 130
  • Thank you received: 6
8 years 6 months ago #257478

-- HikaShop version -- : 2.6.4
-- Joomla version -- : 3.6.4
-- PHP version -- : 5.6.28
-- Browser(s) name and version -- : Chrome
-- Error-message(debug-mod must be tuned on) -- : Products are not displaying correctly on mobile

Hey HikaShop Fam,

I have a template/design that I want 4 columns showing on desktop view and of course mobile friendly view on mobile devices. After adding bootstrap files/scripts to template I was able to get the 1 column view to properly show the 4 columns I want for desktop view but the Mobile view is still showing the 4 skinny columns instead of just the one responsive column. Im not sure what else I need to tweak or add for the bootstrap option to work properly for mobile.



Thank N Advance

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

  • Posts: 83993
  • Thank you received: 13605
  • MODERATOR
8 years 6 months ago #257484

Hi,

I see that you've added the CSS file /media/jui/css/bootstrap.min.css to your template but you also need to add the CSS file /media/jui/css/bootstrap-responsive.min.css
It should then work properly on mobile.

The following user(s) said Thank You: dklbwf

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

  • Posts: 130
  • Thank you received: 6
8 years 6 months ago #257553

thanks a bunch, that did the trick!!! how would I go about fixing the spacing between image and price/title. Right now it is way to much spacing there. Prefer the image to be right above pricing/title. thanks so much!

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

  • Posts: 83993
  • Thank you received: 13605
  • MODERATOR
8 years 6 months ago #257584

Hi,

I would have to look at the page to same more about that. I tried to access your link but it doesn't work anymore:
take.ms/1uHY8

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

  • Posts: 130
  • Thank you received: 6
8 years 6 months ago #257617

sorry about that, site should be back up and running. the spacing issue is very bad in mobile view. thanks a bunch!

Last edit: 8 years 6 months ago by dklbwf.

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

  • Posts: 83993
  • Thank you received: 13605
  • MODERATOR
8 years 6 months ago #257618

Hi,

You should add such CSS on your website to avoid that:
.hikashop_product_image{ height: auto !important;}

www.hikashop.com/support/documentation/1...ize-the-display.html

The following user(s) said Thank You: dklbwf

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

  • Posts: 130
  • Thank you received: 6
8 years 6 months ago #257649

worked perfect!

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

Time to create page: 0.044 seconds
Powered by Kunena Forum