Responsive layout hiding nested columns
I have a 2 columns layout (master) and I choose to hide the second column.
If I put another 2 column layout (child) in the first column of the master layout, the second column of the child layout is hidden as well.
I think this could be fixed very easily if the generated CSS for layout_transformations.css had child selectors so instead of this:
Thank you for your feedback!
I will forward this to our designers and front-end developers. Meanwhile, to workaround this problem you can load a css with the Responsive design rule ("Specific CSS file for transforming layout and design
" section) and in the css file you can set the explicit css you mentioned. First, set display: block to all layout divs and then apply your css. This will override the default Responsive design css:
It would also be nice to remove the !important that is put into some of these rules. I tend to use a mix of the module and some custom media queries and find I have to use !important to override some of the built in rules for width way more than I would like.
I have logged a feature request on your requirement. You can vote for it, following the PITS link: