- Posts: 424
- Thank you received: 11
issue making site responsive
- BluepointWebdesign
-
Topic Author
- Offline
-- Joomla version -- : 3.4.4
-- PHP version -- : 5.5.x
-- Error-message(debug-mod must be tuned on) -- : no error
Hello,
We are developing a site with a hikashop in it. On the site we have a category/product layout with 3 columns, when making the site responsive for mobile (phone/tablet etc.) we need to set it on the bootstrap, but then the normal site doesn't show the columns correctly anymore.
So how can we set it so that the shop goes on bootstrap only when people are looking at it via a mobile device.
Thanks
Please Log in or Create an account to join the conversation.
You potentially have an issue due to a css rule interacting with one of ours.
Did you look at the page with the console of your browser to see if there is not a width forced by you template or something like that ?
Enabling the bootstrap only when people are looking at the site via a mobile device will be a bit more difficult.
Please Log in or Create an account to join the conversation.
- BluepointWebdesign
-
Topic Author
- Offline
- Posts: 424
- Thank you received: 11
if i understand correctly, with bootstrap on, a width in our template could cause the issue that our 3 column page is gone? in desktop version? On mobile with bootstrap the products are aligned neatly under each other.
I don not understand exactly what to look for in the css of my template? is it the width of the page?
Thanks
Please Log in or Create an account to join the conversation.
- BluepointWebdesign
-
Topic Author
- Offline
- Posts: 424
- Thank you received: 11
When bootstrap state on Yes we get the 1 column.
What i discovered is, that when enabling bootstrap the columns are put in a <li> tag on desktop, that is i think why we get the 1 column.
how can we adjust this so it will for mobile dvices ok but for desktop devices it shouldn't
Tnanks.
Please Log in or Create an account to join the conversation.
- BluepointWebdesign
-
Topic Author
- Offline
- Posts: 424
- Thank you received: 11
that's the page with the issue..
Please Log in or Create an account to join the conversation.
- Posts: 12953
- Thank you received: 1778
In your case the best solution will just be to directly re-adapt the code of your CSS file : www.hikashop.com/support/documentation/1...ize-the-display.html
If you really can't do it, giving us more information about your issue and what you want through some screenshots for example will help us to understand and solve it.
Thanks.
Please Log in or Create an account to join the conversation.
- BluepointWebdesign
-
Topic Author
- Offline
- Posts: 424
- Thank you received: 11
We found the way to make our artisteer template compatible with bootstrap, and the issue with the columns are gone.
It was a puzzle but thanks for the help and directions.
If u want to know how we did it, please reply an email, we will give the code.
Thanks
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
- BluepointWebdesign
-
Topic Author
- Offline
- Posts: 424
- Thank you received: 11
Please Log in or Create an account to join the conversation.
I'll let HIOW_HIKA reply on how he modified artisteer ; but I can tell that HikaShop 3 will include a responsive grid layout.
So the next HikaShop (major release) will be able to "be responsive" even if the template is not.
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.
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
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.
Please Log in or Create an account to join the conversation.
- BluepointWebdesign
-
Topic Author
- Offline
- Posts: 424
- Thank you received: 11
Please Log in or Create an account to join the conversation.
I found an solution in the artisteer forum. www.artisteer.com/?post_id=243550&p=forum_post
It looks like this works for me. Is this a proper solution?
Please Log in or Create an account to join the conversation.
- BluepointWebdesign
-
Topic Author
- Offline
- Posts: 424
- Thank you received: 11
Please Log in or Create an account to join the conversation.
Yes, if it works with your template, it's a great solution.
Please Log in or Create an account to join the conversation.