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

#   How to Setup For Joomla 2.5 Custom Responsive

##

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

Less More

- Posts: 8
- Thank you received: 0
-
-

11 years 9 months ago -  11 years 9 months ago [\#188007](#188007) by [randyart](/forum/user/11431-randyart "View randyart's Profile")  *[How to Setup For Joomla 2.5 Custom Responsive](/forum/26-product-category-display/874489-how-to-setup-for-joomla-2-5-custom-responsive#188007 "-- HikaShop version -- : 2.3.5 -- Joomla version -- : 2.5.28  I need to make Hikashop Business responsive for non-bootstrap Joomla 2.5 custom responsive template. How should I setup products &amp; menus, etc. to make this happen?  I'd like 4 columns for desktop. 2 columns for tablet. 1 column for phone.  Thank you.")* was created by *[randyart](/forum/user/11431-randyart "View randyart's Profile")*

-- HikaShop version -- : 2.3.5
-- Joomla version -- : 2.5.28

I need to make **Hikashop Business** responsive for non-bootstrap Joomla 2.5 custom responsive template. How should I setup products &amp; menus, etc. to make this happen?

I'd like 4 columns for desktop. 2 columns for tablet. 1 column for phone.

Thank you.

Last edit: 11 years 9 months ago by [randyart](/forum/user/11431-randyart "View randyart's Profile"). Reason: Adding Specific Info

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzQ0ODktaG93LXRvLXNldHVwLWZvci1qb29tbGEtMi01LWN1c3RvbS1yZXNwb25zaXZlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) 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: 86323
- Thank you received: 14283
-
-

11 years 9 months ago [\#188020](#188020) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[How to Setup For Joomla 2.5 Custom Responsive](/forum/26-product-category-display/874489-how-to-setup-for-joomla-2-5-custom-responsive#188020 "-- HikaShop version -- : 2.3.5 -- Joomla version -- : 2.5.28  I need to make Hikashop Business responsive for non-bootstrap Joomla 2.5 custom responsive template. How should I setup products &amp; menus, etc. to make this happen?  I'd like 4 columns for desktop. 2 columns for tablet. 1 column for phone.  Thank you.")*

Hi,

You'll need to add custom CSS in your template using the @media CSS query.
Here is a tutorial on that:
[ line25.com/tutorials/create-a-responsive...n-with-media-queries](http://line25.com/tutorials/create-a-responsive-web-design-with-media-queries)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzQ0ODktaG93LXRvLXNldHVwLWZvci1qb29tbGEtMi01LWN1c3RvbS1yZXNwb25zaXZlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

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

Less More

- Posts: 8
- Thank you received: 0
-
-

11 years 9 months ago [\#188042](#188042) by [randyart](/forum/user/11431-randyart "View randyart's Profile")  Replied by *[randyart](/forum/user/11431-randyart "View randyart's Profile")* on topic *[How to Setup For Joomla 2.5 Custom Responsive](/forum/26-product-category-display/874489-how-to-setup-for-joomla-2-5-custom-responsive#188042 "-- HikaShop version -- : 2.3.5 -- Joomla version -- : 2.5.28  I need to make Hikashop Business responsive for non-bootstrap Joomla 2.5 custom responsive template. How should I setup products &amp; menus, etc. to make this happen?  I'd like 4 columns for desktop. 2 columns for tablet. 1 column for phone.  Thank you.")*

Thank you, Nicolas, for your response.

Is there a single item layout, such as slider horizontal, that I can use to then style with CSS &amp; media queries or should I setup different menus for each device that link to the Hikashop options that I need and then style those?

Sorry, I hope my expanded question makes sense.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzQ0ODktaG93LXRvLXNldHVwLWZvci1qb29tbGEtMi01LWN1c3RvbS1yZXNwb25zaXZlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) 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: 86323
- Thank you received: 14283
-
-

11 years 9 months ago [\#188046](#188046) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[How to Setup For Joomla 2.5 Custom Responsive](/forum/26-product-category-display/874489-how-to-setup-for-joomla-2-5-custom-responsive#188046 "-- HikaShop version -- : 2.3.5 -- Joomla version -- : 2.5.28  I need to make Hikashop Business responsive for non-bootstrap Joomla 2.5 custom responsive template. How should I setup products &amp; menus, etc. to make this happen?  I'd like 4 columns for desktop. 2 columns for tablet. 1 column for phone.  Thank you.")*

Hi,

No, you can use a single menu item and then you add custom CSS to redefine the width of the elements when the size of the screen gets smaller as explained in the CSS tutorial I gave.
You'll need to look through the HTML of the listing in order to find the classes to use in your CSS code. We have a small tutorial explaining how to find them on this page:
[ www.hikashop.com/support/support/documen...ize-the-display.html](https://www.hikashop.com/support/support/documentation/153-customize-the-display.html)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzQ0ODktaG93LXRvLXNldHVwLWZvci1qb29tbGEtMi01LWN1c3RvbS1yZXNwb25zaXZlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) 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.050 seconds

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