- This topic has 3 replies, 2 voices, and was last updated 11 years, 2 months ago by
.
Viewing 4 posts - 1 through 4 (of 4 total)
-
Posts
-
It is about the homepage: http://elektrowinterling.com/Admin: 001 Password: 246810I use 3 columns on the page “Home” – post: “Dienstleistungen”I want the columns appear one under another in mobile.Therefore I put in Custom CSS Rules:.is mobile.content-3-col {width:96%;margin-top:20px;}Seems to be not right – doesn`t change the way I want.I also tried to put a mycol3 into the code (Tips and Tutorial Part 5), in order to change the third div for mobile (<div class=”content-3-col mycol3“>Put your Right column content here.</div>)For phones (single columns one under another) and smalltablet (2 columns above, one underneath) I put in Custom CSS Rules: .is-smalltablet .mycol3.content-3-col, .is-phone .content-3-col {width:96%;margin-top:20px;}Whenever I do so, it doesn’t appear on desktop in 3 columns anymore. It is shown in 2 columns above and one column underneath without any space between. Very strange! Doesn’ t show up right on smalltablet and phone neither.You can see it on the homepage.Would be great to get help!
you forgot a space between the two classes…
you typed in content-3-colmycol3
instead of content-3-col mycol3
if you wanted the 3 columns to switch to a single column on small tablet instead of 2+1 you would need the CSS below
.is-smalltablet .content-3-col {width:100%;margin-top:20px;}
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.