Canvas Support

Full screen Sections

2 replies·opened Nov 8, 2017
W
web404Nov 8, 2017

how can i make Full screen Sections

<div class="section">
	<div class="container clearfix">

		1

	</div>
</div>

<div class="section">
	<div class="container clearfix">

		2

	</div>
</div>

<div class="section">
	<div class="container clearfix">

		3

	</div>
</div>
W
web404Nov 9, 2017
<div class="section full-screen">
    <div class="container clearfix">
 
        1
 
    </div>
</div>
<div class="section full-screen">
    <div class="container clearfix">
 
        2
 
    </div>
</div>
<div class="section full-screen">
    <div class="container clearfix">
 
        3
 
    </div>
</div>

?

S
SemiColonWebSTAFFNov 9, 2017

Hello,

Yes the above code works! Make sure that you use this code directly after the .content-wrap Section starts. However, if you want to keep all the Sections connected, you can simply use the No margin Helper Classes: 

<div class="section notopmargin nobottommargin full-screen">
	<div class="container clearfix">
		1
	</div>
</div>
<div class="section notopmargin nobottommargin full-screen">
	<div class="container clearfix">
		2
	</div>
</div>
<div class="section notopmargin nobottommargin full-screen">
	<div class="container clearfix">
		3
	</div>
</div>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard