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:
.sf_tablets_
2
cols_hide_
2
.sf_
2
cols_
2
_
50
,
.sf_tablets_
2
cols_hide_
2
.sf_
2
cols_
2
_
67
,
.sf_tablets_
2
cols_hide_
2
.sf_
2
cols_
2
_
75
display
:
none
.sf_tablets_
2
cols_hide_
2
> .sf_
2
cols_
2
_
50
,
.sf_tablets_
2
cols_hide_
2
> .sf_
2
cols_
2
_
67
,
.sf_tablets_
2
cols_hide_
2
> .sf_
2
cols_
2
_
75
display
:
none
Hello Antonio,
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:
f_tttt_
2
cols_hide_
1
.sf_
2
cols_
1
_
25
, .sf_tttt_
2
cols_hide_
1
.sf_
2
cols_
1
_
33
, .sf_tttt_
2
cols_hide_
1
.sf_
2
cols_
1
_
50
, .sf_tttt_
2
cols_hide_
1
.sf_
2
cols_
1
_
67
, .sf_tttt_
2
cols_hide_
1
.sf_
2
cols_
1
_
75
, .sf_tttt_
2
cols_hide_
2
.sf_
2
cols_
2
_
25
, .sf_tttt_
2
cols_hide_
2
.sf_
2
cols_
2
_
33
, .sf_tttt_
2
cols_hide_
2
.sf_
2
cols_
2
_
50
, .sf_tttt_
2
cols_hide_
2
.sf_
2
cols_
2
_
67
, .sf_tttt_
2
cols_hide_
2
.sf_
2
cols_
2
_
75
display
:
block
;
.sf_tttt_
2
cols_hide_
2
> .sf_
2
cols_
2
_
50
,
.sf_tttt_
2
cols_hide_
2
> .sf_
2
cols_
2
_
67
,
.sf_tttt_
2
cols_hide_
2
> .sf_
2
cols_
2
_
75
,
.sf_tttt_
2
cols_hide_
2
> .sf_
2
cols_
2
_
67
display
:
none
;
+1 raindogmx
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.
Hello Stacey,
I have logged a feature request on your requirement. You can vote for it, following the PITS link:
http://www.telerik.com/support/pits.aspx#/public/sitefinity/15370