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

#   Mobile view - display 2 products side by side

##

- **[lt635](/forum/user/32929-lt635 "View lt635's Profile")**
- [![lt635's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32929.jpg)](/forum/user/32929-lt635 "View lt635's Profile") Topic Author
- [ Offline](/forum/user/32929-lt635)

Less More

- Posts: 191
- Thank you received: 5
-
-

11 years 11 months ago [\#177876](#177876) by [lt635](/forum/user/32929-lt635 "View lt635's Profile")  *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#177876 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")* was created by *[lt635](/forum/user/32929-lt635 "View lt635's Profile")*

-- url of the page with the problem -- : [ www.fsfightgear.com.au/](http://www.fsfightgear.com.au/)
-- HikaShop version -- : 2.3.3
-- Joomla version -- : 3.3.6
-- PHP version -- : 5.4.33
-- Browser(s) name and version -- : any

Hello,

I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.

Thank you
Kind regards
Lene

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[lt635](/forum/user/32929-lt635 "View lt635's Profile")**
- [![lt635's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32929.jpg)](/forum/user/32929-lt635 "View lt635's Profile") Topic Author
- [ Offline](/forum/user/32929-lt635)

Less More

- Posts: 191
- Thank you received: 5
-
-

11 years 11 months ago [\#177897](#177897) by [lt635](/forum/user/32929-lt635 "View lt635's Profile")  Replied by *[lt635](/forum/user/32929-lt635 "View lt635's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#177897 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

Sorry, this should have been in the 'product and category' topic.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) 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)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86292
- Thank you received: 14271
-
-

11 years 11 months ago [\#177879](#177879) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#177879 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

Hi,

There is no option for that.
With custom CSS you should be able to achieve that: Code:

@media (max-width: 767px){ [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { width: 49.5% !important; } }

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[lt635](/forum/user/32929-lt635 "View lt635's Profile")**
- [![lt635's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32929.jpg)](/forum/user/32929-lt635 "View lt635's Profile") Topic Author
- [ Offline](/forum/user/32929-lt635)

Less More

- Posts: 191
- Thank you received: 5
-
-

11 years 11 months ago [\#179918](#179918) by [lt635](/forum/user/32929-lt635 "View lt635's Profile")  Replied by *[lt635](/forum/user/32929-lt635 "View lt635's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#179918 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

I will try that.

Thank you
Kind regards
Lene

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[river](/forum/user/9591-river "View river's Profile")**
- [![river's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar9591.gif)](/forum/user/9591-river "View river's Profile")
- [ Offline](/forum/user/9591-river)

Less More

- Posts: 344
- Thank you received: 3
-
-

11 years 5 months ago [\#201445](#201445) by [river](/forum/user/9591-river "View river's Profile")  Replied by *[river](/forum/user/9591-river "View river's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#201445 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

Joomla 3.4.1
Hikashop 2.4.0
Yootheme template Unity version 1.0.8 (latest version)
URL: kvikki.no

I also want my stores products to fall into 2 products in a row on mobile view.

I tried the above code. But it only moves the products to the left, using 50 % of the screen, and displaying one product pr. row.

Any more advice ?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) 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)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86292
- Thank you received: 14271
-
-

11 years 5 months ago [\#201557](#201557) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#201557 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

Hi,

In your case, you want to use such code: Code:

@media (max-width: 767px){ [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { width: 49.5% !important; float: left !important; } }

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[river](/forum/user/9591-river "View river's Profile")**
- [![river's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar9591.gif)](/forum/user/9591-river "View river's Profile")
- [ Offline](/forum/user/9591-river)

Less More

- Posts: 344
- Thank you received: 3
-
-

11 years 5 months ago [\#201576](#201576) by [river](/forum/user/9591-river "View river's Profile")  Replied by *[river](/forum/user/9591-river "View river's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#201576 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

This is excellent. I looks very good on my HTC mobile phone.

There is only on small problem. That is when the product name is a little long, and it becomes a big gap under the product. (see picture below).

[ ![tester&#95;bilde2.png](/forum/attachment/24348) ](/forum/attachment/24348 "tester&#95;bilde2.png")

Is it a way that I can make the "product name" font size a little bit smaller when I hold to mobile in narrow view ?

- [ ![tester&#95;bilde2.png](/forum/attachment/24348) ](/forum/attachment/24348 "tester&#95;bilde2.png") [ ](/forum/attachment/24348?download=1 "tester&#95;bilde2.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) 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)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86292
- Thank you received: 14271
-
-

11 years 5 months ago [\#201589](#201589) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#201589 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

You want to force the height of the area with such CSS:
.hikashop_products .hikashop_subcontainer { height: 350px !important; }

The following user(s) said Thank You: [river](/forum/user/9591-river "View river's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[river](/forum/user/9591-river "View river's Profile")**
- [![river's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar9591.gif)](/forum/user/9591-river "View river's Profile")
- [ Offline](/forum/user/9591-river)

Less More

- Posts: 344
- Thank you received: 3
-
-

11 years 5 months ago [\#201641](#201641) by [river](/forum/user/9591-river "View river's Profile")  Replied by *[river](/forum/user/9591-river "View river's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#201641 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

Perfect, it works like a charm ![=)](/smile.gif "=)")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[river](/forum/user/9591-river "View river's Profile")**
- [![river's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar9591.gif)](/forum/user/9591-river "View river's Profile")
- [ Offline](/forum/user/9591-river)

Less More

- Posts: 344
- Thank you received: 3
-
-

10 years 11 months ago -  10 years 11 months ago [\#218859](#218859) by [river](/forum/user/9591-river "View river's Profile")  Replied by *[river](/forum/user/9591-river "View river's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#218859 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

Code:

@media (max-width: 767px){ [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { width: 49.5% !important; float: left !important; } }

Is it possible to apply this css code so it is only used on the "categories listning" with all the products, and not on the product page ?

The reason for this is that when I apply the code is put's (in mobile view)the "add to cart" button on the right side off the image, and not below where it should be.

Last edit: 10 years 11 months ago by [river](/forum/user/9591-river "View river's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")**
- [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")
- [ Offline](/forum/user/6861-mohamed-thelji)

Less More

- Posts: 12953
- Thank you received: 1778
-
-
-

10 years 11 months ago [\#218863](#218863) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")  Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#218863 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

Hello,
A solution can be to use that kind of CSS code : Code:

@media (max-width: 767px){ .hikashop_category_information [class*="span"], .hikashop_category_information .uneditable-input[class*="span"], .hikashop_category_information .row-fluid [class*="span"] { width: 49.5% !important; float: left !important; } }

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")**
- [![ralph024's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar40990.jpg)](/forum/user/40990-ralph024 "View ralph024's Profile")
- [ Offline](/forum/user/40990-ralph024)

Less More

- Posts: 39
- Thank you received: 1
-
-
-

10 years 6 months ago [\#237958](#237958) by [ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")  Replied by *[ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#237958 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

Hi,

I also want to show my products in a row of 2 products on mobile view.
I tried the codes above, but it does not work for each line (See attachment)

Any advice ?

Thanks

- [ ![002.jpg](/forum/attachment/30972) ](/forum/attachment/30972 "002.jpg") [ ](/forum/attachment/30972?download=1 "002.jpg")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) 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)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86292
- Thank you received: 14271
-
-

10 years 6 months ago [\#237975](#237975) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#237975 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

Hi,

Please provide a link to the page with that modification in place so that we can have a look at what's going on there.

The following user(s) said Thank You: [ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")**
- [![ralph024's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar40990.jpg)](/forum/user/40990-ralph024 "View ralph024's Profile")
- [ Offline](/forum/user/40990-ralph024)

Less More

- Posts: 39
- Thank you received: 1
-
-
-

10 years 6 months ago -  10 years 6 months ago [\#238004](#238004) by [ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")  Replied by *[ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#238004 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

Hi Nicolas,

send the links as a private message to you!

And when i enable the Bootstrap option, the loginform in the checkout isn't working correctly

Thanks!

Last edit: 10 years 6 months ago by [ralph024](/forum/user/40990-ralph024 "View ralph024's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

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

Less More

- Posts: 846
- Thank you received: 92
-
-

10 years 6 months ago -  10 years 6 months ago [\#238009](#238009) by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")  Replied by *[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#238009 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

each first item of row ( the item of the first column) is not manage by the same css code compare to item of other column ( colé and col3) .
this behaviour is explain by this code

.hikashop_product_column_1, .row-fluid .hikashop_category_column_1, .row-fluid-7 .hikashop_product_column_1, .row-fluid-7 .hikashop_category_column_1, .row-fluid-8 .hikashop_product_column_1, .row-fluid-8 .hikashop_category_column_1, .row-fluid-10 .hikashop_product_column_1, .row-fluid-10 .hikashop_category_column_1, .row .hikashop_product_column_1, .row .hikashop_category_column_1 {
margin-left: 0 !important;
clear: left;
}
so each time hiakshop or css guy ll use !important ; there ll be some area where the default rules of CSS ll not apply and you ll have toknow this area or ask t othe developper howto override this behaviour .

best l lbe e documentation page where hikashop css guy explain how the layout is design or look at the php code .
I do this many months ago ....

####  Attachment not found

Last edit: 10 years 6 months ago by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) 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)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86292
- Thank you received: 14271
-
-

10 years 6 months ago [\#238021](#238021) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#238021 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

Hi,

Add that CSS and it will work like you want: Code:

.row-fluid .hikashop_product_column_1, .row-fluid .hikashop_category_column_1, .row-fluid-7 .hikashop_product_column_1, .row-fluid-7 .hikashop_category_column_1, .row-fluid-8 .hikashop_product_column_1, .row-fluid-8 .hikashop_category_column_1, .row-fluid-10 .hikashop_product_column_1, .row-fluid-10 .hikashop_category_column_1, .row .hikashop_product_column_1, .row .hikashop_category_column_1 { clear:none !important; }

The following user(s) said Thank You: [ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")**
- [![ralph024's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar40990.jpg)](/forum/user/40990-ralph024 "View ralph024's Profile")
- [ Offline](/forum/user/40990-ralph024)

Less More

- Posts: 39
- Thank you received: 1
-
-
-

10 years 6 months ago [\#238147](#238147) by [ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")  Replied by *[ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#238147 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

Hi Nicolas,

Thanks that works perfect! :woohoo:

Is this also possible without Bootstrap? Because when i enable the Bootstrap option, my buttons at the checkout look as in the attachment 1. It first looked always like attachment 2

Thanks!

- [ ![001&#95;2016-04-25.jpg](/forum/attachment/31009) ](/forum/attachment/31009 "...2016-04-25.jpg") [ ](/forum/attachment/31009?download=1 "...2016-04-25.jpg")
- [ ![003.jpg](/forum/attachment/31010) ](/forum/attachment/31010 "003.jpg") [ ](/forum/attachment/31010?download=1 "003.jpg")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) 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)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86292
- Thank you received: 14271
-
-

10 years 6 months ago [\#238148](#238148) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#238148 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

The CSS of your template is quite messy.

Then you can turn off bootstrap, and use such CSS to make the listing responsive wtihout bootstrap:
[ www.hikashop.com/forum/product-category-...p-option.html#211235](http://www.hikashop.com/forum/product-category-display/878703-responsiveness-problems-and-bootstrap-option.html#211235)

The following user(s) said Thank You: [ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")**
- [![ralph024's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar40990.jpg)](/forum/user/40990-ralph024 "View ralph024's Profile")
- [ Offline](/forum/user/40990-ralph024)

Less More

- Posts: 39
- Thank you received: 1
-
-
-

10 years 5 months ago [\#239606](#239606) by [ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")  Replied by *[ralph024](/forum/user/40990-ralph024 "View ralph024's Profile")* on topic *[Mobile view - display 2 products side by side](/forum/25-install-update/872734-mobile-view-display-2-products-side-by-side#239606 "-- url of the page with the problem -- :   www.fsfightgear.com.au/  -- HikaShop version -- : 2.3.3 -- Joomla version -- : 3.3.6 -- PHP version -- : 5.4.33 -- Browser(s) name and version -- : any  Hello,  I am using Hikashop and Bootstrap. Is there a way for the shop products to fall into 2 products in a row on mobile view and not just one? It is a lot of scrolling with only one product in a row.  Thank you Kind regards Lene")*

Thanks it works ![;)](/media/kunena/emoticons/11.png ";)")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg3MjczNC1tb2JpbGUtdmlldy1kaXNwbGF5LTItcHJvZHVjdHMtc2lkZS1ieS1zaWRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) 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.514 seconds

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

[](#top)
