Responsive (.row-fluid [class*="span"])

Hi!
I have problem with responsive and bootstrap.
I tried almost everything in the forum.
I even added twitter bootstrap plugin and copied all plugins/system/twbootstrap/css/bootstrap-responsive.min.css
into my yootheme css file, but the problem persist. If I change

.row-fluid [class*="span"]
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.564102564102564%; to 1,564102564102564%
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

I get a better preview, but after some rows it goes on two columns. then again in three.
Can you please take a look.
Maybe its not your job here but I m exhausted some days now trying to fix it.

Thanks!

I had the same issue using Hikashop with the gantry framework.

Unhopefully, the margin-left is overrided by a script, then, changing-it in the css dont works.

Have you tried to fix the margin with "!important" to override the js ?

Can you send us a link to see your page ?

Neither Yootheme nor Gantry templates are built on Bootstrap. Both are using proprietary grid systems, Yootheme = UIkit, Gantry = rt-grid.

Stiil it's possible to get good results, fully responsive, etc. For a start, turn Bootstrap in HikaShop off - YT or Gantry cannot deal with Bootstrap 2 classes, anyway. For perfect results, a couple of views in HikaShop need to be edited to add those proprietary grid classes. A clear understanding of the grid systems, HTML and a little bit of PHP knowledge are required, or a frontend designer with these skills should be hired for these perfect results, and in case of "do-it-yourself", any detailed questions or trouble you should turn to the template providers and ask them. After all, no developer of extensions can prepare code for all the proprietary templates out there.

So, in any case, HikaShop can't be blamed or held "responsible". Joomla 3.x is built around Bootstrap 2, which HikaShop is compatible with - set it to Bootstrap and switch to the Joomla Protostar template for proof.

Lousyfool, nobody blames hika for that,
Just asking for help.
by the way I change to protostar and I still have the same issues.

Help is sometimes possible even for proprietary "frameworks" (I've been happily able to help someone with a Gantry case here only a few hours ago - see here ), but again, more specific questions regarding these frameworks, or on "issues caused" by them and individual templates and their HTML/CSS can be best responded to by the template providers, obviously.

verzevoul wrote: by the way I change to protostar and I still have the same issues.

just pm you url.

@verzevoul:

I don't see a HikaShop CSS loaded on your site. You're missing the following code as present e.g. in HikaShop's frontend_default.css:

.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 {
	margin-left: 0 !important;
	clear:left;
}

Ei man!!!
Thank you very much. That was the case. I had none style in hika. It works with yootheme now!!!