Home Forums Weaver Xtreme Theme Min-height on 2 column content not working Re: Min-height on 2 column content not working

#20693
scrambler
Moderator

If you are using the per page style box, you need to understand how to add the mobile class to rules there.

When you use the per page style box, it adds the .page-id-xxx in front of the content of the box, So you cannot just add .is-desktop in front of the rule as it would create a rule

.page-id-xxx .is-desktop #content…..

Which is invalid, as the is-desktop class is at the same level as the page-id class so there must be no space between them

So if you wanted to add a .is-desktop in front of the second rule in the per page style box, you would need to enter the following

+ .is-desktop.page-id-xxx #content {width:50%;position:absolute;height:100%;overflow:auto;}

The + tells the theme to not add the page-id class, so you have to add it in the rule and attached to the is-desktop class


But ultimately you need to explain what you want on mobile.

If you do the above, what you will get is a regular content area with the Background image showing below/under it. Depending on what you want you may need some different rules.