News:

Support the VirtueMart project and become a member

Main Menu

Just look someone

Started by Jason dsg, November 23, 2015, 00:04:23 AM

Previous topic - Next topic

Jason dsg

All I'm needing is someone to explain how to get my products to go 5 wide on my page i have it set in back end but its not working can some on look at my code and tell me what i need to edit to have my decals line up correctly  it would be a huge help. www.dsgcentral.com

Studio 42

The problem is min-width: 220px; in the CSS
see http://www.dsgcentral.com/components/com_virtuemart/assets/css/vm-ltr-site.css?vmver=9058
line 1202
I already said to some user in forum, curent vm css have "pseudo" responsive rules and break some design. You have to edit this or remove and rewrite the full CSS,if you use more then 3 columns, most of time.
and it's same for this rule:
Quote.vm-col-5 {
    width: 19%;
}
.vm-col {
    margin: 1px;
    width: 60%;
}
should be:
Quote.vm-col-5 {
    width: 19%;
   margin:0.5%;
}
div.product {
    border: 1px solid #DDD;
    float: left;
    min-width: auto;
/*or min-width: none; need to test*/
}
and margin sould be ok in all case. But of course you have better solution