VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: peaceandlove on February 02, 2021, 07:33:33 AM

Title: I want to show two products in a row in mobile
Post by: peaceandlove on February 02, 2021, 07:33:33 AM
See our website http://partswala.byethost6.com/

You can see its shows only 1 product in a row on mobile view, and i want to make it two products per row, I know its can be done using css but i am not able to get the code, can any body help

Just like it shows two products in a row in mobile view

https://d-themes.com/wordpress/molla/demo-1/shop/?layout_type=2

Urgent help is appreciated
Title: Re: I want to show two products in a row in mobile
Post by: GJC Web Design on February 02, 2021, 12:31:12 PM

@media (max-width: 480px) {
div[class*="vm-col-"] {
    width: 49%;
    min-width: unset;
}
}
Title: Re: I want to show two products in a row in mobile
Post by: peaceandlove on February 02, 2021, 13:17:18 PM
Thanks a lot GJC, So nice of you

i  am really thankful to you, May ALLAH (GOD) send his blessing to you, so save my day, working on it for many many days,

Any idea, how to make both product in equal length, i know differce is due to tittle lenght but any way both products should be seen as same, i mean outer boxes, currently left one is showing as bit small
Title: Re: I want to show two products in a row in mobile
Post by: GJC Web Design on February 02, 2021, 13:26:20 PM
you have to make the various containers fixed heights at different screen sizes .. high enough for the longest title