This is the layout I have on page:
http://pasteboard.co/6ahnxBoKa.png
But on frontend the css grid is broken and all columnd get 100% width, because .vc_column_container ‘s width: 100% kills .td-pb-span8‘s width: 66.666%:
http://pasteboard.co/6aiXWEp2u.png
I’m using child theme.
How do I fix this?
I made a quickfix by prepending grid classes with div in stylesheets:
/* ----------------------------------------------------------------------------
main grid quickfix
*/
div.td-pb-span1 {
width: 8.33333333%;
}
div.td-pb-span2 {
width: 16.66666667%;
}
div.td-pb-span3 {
width: 25%;
}
div.td-pb-span4 {
width: 33.33333333%;
}
div.td-pb-span5 {
width: 41.66666667%;
}
div.td-pb-span6 {
width: 50%;
}
div.td-pb-span7 {
width: 58.33333333%;
}
div.td-pb-span8 {
width: 66.66666667%;
}
div.td-pb-span9 {
width: 75%;
}
div.td-pb-span10 {
width: 83.33333333%;
}
div.td-pb-span11 {
width: 91.66666667%;
}
div.td-pb-span12 {
width: 100%;
}
Hello mato,
Until now, we do not have any bad reports regarding on Visual Composer and Big Grids. Please keep in mind that the Visual Composer is fully tested and compatible with our Blocks/Modules. So, this issue happens due to your child theme. Also, I am glad that you could manage your problem. Also, if the problem is still there, you should try to switch to the main theme, clear all your caches, purge CDN files and check the results. And if it required, you should provide your website URL so I can inspect it closer if the problem is still there.
Thanks for the message!
It works fine when I activate the main theme. But I will stick with this quickfix.
