Off-Canvas Responsive Layout

Developer
Christian Naths
Size
52,985 Kb
Views
18,216
  1. Off-Canvas Responsive Layout Previews
  2. Off-Canvas Responsive Layout HTML Codes
  3. Off-Canvas Responsive Layout CSS Codes
  4. Off-Canvas Responsive Layout JS Codes

How do I make an off-canvas responsive layout?

Just toying around with some off-canvas responsive layouts. After some experimenting I think this is one I'd like to add to my arsenal. There are a total of 4 responsive breakpoints used, with the navigation hiding intelligently at the narrowest ones.. What is a off-canvas responsive layout? How do you make a off-canvas responsive layout? This script and codes were developed by Christian Naths on 29 November 2022, Tuesday.

Off-Canvas Responsive Layout Previews
IQ Test

Off-Canvas Responsive Layout - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Off-Canvas Responsive Layout</title> <meta content='width=device-width,initial-scale=1' name='viewport'>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet prefetch' href='https://cdn.sitepress.cc.s3.amazonaws.com/libs/fonts/fontawesome/fontawesome.css'> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ h1, h2, h3, h4, h5, h6 { font-family: "Roboto"; font-weight: normal; text-transform: uppercase; letter-spacing: -0.03em;
}
a { font-weight: normal; color: #fff; text-decoration: none;
}
a.ui-retreat { color: #c54a4a; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
a.ui-advance { color: #7cc576; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
/* layout ----------- */
* { box-sizing: border-box;
}
html { height: 100%; width: 100%; overflow: hidden; overflow-y: auto; font-size: 16px; font-family: "Roboto";
}
body { overflow: hidden; position: relative; min-height: 600px; left: -200px; margin: 0 -200px 0 0; padding: 10px 10px 10px 210px; transition: 0.2s all ease;
}
body.nav-visible { left: 0; margin-right: 0;
}
body.nav-visible #toggle-navigation-link .icon::before { transform: rotate(0.5turn);
}
@media (min-width: 481px) { body { left: -140px; margin-right: -140px; } body.nav-visible { left: 0; margin-right: 0px; }
}
@media (min-width: 1025px) { body { left: 0px; margin-right: 0px; padding-left: 240px; padding-right: 40px; }
}
.main-column { max-width: 800px;
}
@media (min-width: 769px) { .main-column { padding-right: 10px; }
}
.main-column { width: 100%;
}
@media (min-width: 769px) { .main-column { width: 60%; float: left; }
}
.secondary-column { width: 100%;
}
@media (min-width: 769px) { .secondary-column { width: 40%; max-width: 600px; float: left; }
}
.panel { padding: 20px; margin-bottom: 10px;
}
.panel ul { margin: 0; padding: 0; list-style: none;
}
.panel h2 { margin: 0;
}
header { min-height: 57px;
}
@media (min-width: 1025px) { header { min-height: 60px; }
}
header h1 { margin: 0; margin-left: 60px; margin-top: 10px;
}
header h1 span:last-child { display: inline-block; position: relative; top: -0.5em;
}
@media (min-width: 1025px) { header h1 { margin-left: 0px; }
}
#toggle-navigation-link { display: inline-block;
}
#toggle-navigation-link span.text { display: none;
}
#application-nav { position: absolute; top: 0; left: 0; width: 200px; margin-top: 10px; transition: 0.2s all ease;
}
@media (min-width: 1025px) { #application-nav { margin-top: 80px; }
}
#application-nav ul { margin: 0; padding: 0;
}
#application-nav li { display: inline;
}
#application-nav a { display: block; margin-bottom: 1px; padding: 10px;
}
#application-nav span.text { display: inline-block; width: 140px; padding-left: 10px; vertical-align: middle;
}
#application-nav h1 { margin: 0; font-size: 1em;
}
#application-nav h1 a { width: 260px;
}
#application-nav h1 span.text { width: 200px; text-indent: -5000px;
}
@media (min-width: 1025px) { #application-nav h1 { display: none; }
}
#breadcrumb-nav { max-width: 1400px; margin-top: 9px; padding: 10px 20px;
}
#breadcrumb-nav ul { margin: 0; padding: 0;
}
#breadcrumb-nav h1 { display: none;
}
.field label { display: block; line-height: 1;
}
.field label abbr { display: none;
}
.field .hint { display: block;
}
.field input, .field textarea { width: 100%; max-width: 100%; margin-top: 10px; padding: 10px;
}
.field .preview { height: 200px; padding-top: 90px; text-align: center;
}
.field .preview a { display: inline; padding: 20px; margin-right: 1px;
}
.field.inline label { display: block; float: left; width: 35%; padding-right: 20px; text-align: left;
}
.field.inline .hint { display: block;
}
.field.inline input, .field.inline textarea { display: block; float: left; width: 65%;
}
.actions { margin: 20px 0; text-align: center;
}
.actions button { display: block; width: 100%; margin-bottom: 10px;
}
@media (min-width: 769px) { .actions { max-width: 400px; width: 60%; margin: 0 auto; }
}
fieldset { padding: 20px; margin-bottom: 10px;
}
fieldset > .field { padding: 0;
}
/* theme ------------ */
html { background: #433a34 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAMAAAAL34HQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGODdGMTE3NDA3MjA2ODExODhDNkE4MzM1NkYyNTRCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEODQ2MkQ1RTEyOTgxMUUyODE2MUI1NkRBODY0MjkxNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEODQ2MkQ1RDEyOTgxMUUyODE2MUI1NkRBODY0MjkxNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMThGNjJBNkU3MjE5REFCRkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg3RjExNzQwNzIwNjgxMTg4QzZBODMzNTZGMjU0QkUiLz4gPC9yZGY6RGVzY3Jp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") fixed;
}
body { color: #fff; -webkit-font-smoothing: antialiased;
}
.panel { background: rgba(0, 0, 0, 0.3); border-radius: 5px;
}
header h1 { color: #f5f7c6; text-transform: none; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
}
header h1 span:last-child { font-size: 0.6em; color: #fff;
}
#application-nav a { text-transform: uppercase; color: rgba(255, 255, 255, 0.8); background: rgba(0, 0, 0, 0.3);
}
#application-nav a:hover { color: #fff;
}
#application-nav span[class^="icon-"] { font-size: 0.8em; line-height: 1.8;
}
#application-nav li:last-child a { border-radius: 0px 0px 5px 0px;
}
@media (min-width: 1025px) { #application-nav li:first-child a { border-radius: 0px 5px 0px 0px; }
}
#application-nav h1 a { font-weight: normal; text-align: center; border-radius: 0px 5px 5px 0px;
}
.nav-visible #application-nav h1 span[class^="icon-"] { transform: rotate(180deg);
}
#breadcrumb-nav { font-size: 0.9em; background: rgba(0, 0, 0, 0.3); border-radius: 5px;
}
.field label { font-size: 1.125em; color: rgba(255, 255, 255, 0.7); text-transform: uppercase;
}
.field .hint, .field .error { font-size: 0.9em; color: rgba(255, 255, 255, 0.7);
}
.field input, .field textarea { background: #dcd5cf; border: 0px solid black; border-radius: 3px;
}
.field input:focus, .field textarea:focus { outline: none;
}
.field textarea { min-height: 160px; line-height: 1.4;
}
.field select { padding: 5px;
}
.field h2 { font-size: 1.5em; color: rgba(255, 255, 255, 0.7);
}
.field .preview { border-radius: 3px; margin-top: 0.75em;
}
.field .preview a { color: #fff; background: rgba(0, 0, 0, 0.7);
}
.field .preview a:first-child { border-radius: 5px 0px 0px 5px;
}
.field .preview a:last-child { border-radius: 0px 5px 5px 0px;
}
.actions button { padding: 20px 40px; font-weight: normal; text-shadow: 1px 1px 3px #000; color: #7cc576; background: rgba(0, 0, 0, 0.3); border: 0px solid #000; border-radius: 5px;
}
fieldset { background: rgba(0, 0, 0, 0.3); border: none; border-radius: 5px;
}
fieldset > .field { background: transparent;
}
fieldset h2 { font-size: 1.5em; color: rgba(255, 255, 255, 0.7);
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <header> <h1></h1>
</header>
<nav id='application-nav'> <h1> <a href='#' id='toggle-navigation-link'> <span class='text'>Main Navigation</span> <span class='icon ion-chevron-right'></span> </a> </h1> <ul class='nav nav-list'> <li> <a class='dashboard' href='#'> <span class='text'>Dashboard</span> <span class='ion-ios-home'></span> </a> </li> <li> <a class='pages' href='#'> <span class='text'>Pages</span> <span class='ion-document-text'></span> </a> </li> <li> <a class='navigation' href='#'> <span class='text'>Navigation</span> <span class='ion-ios-list'></span> </a> </li> <li> <a class='users' href='#'> <span class='text'>Users</span> <span class='ion-person-stalker'></span> </a> </li> <li> <a class='settings'> <span class='text'>Website Settings</span> <span class='ion-ios-toggle'></span> </a> </li> </ul>
</nav>
<section id='content'> <form> <div class='main-column'> <div class='panel'> <div class='field'> <label>Main Headline</label> <input> </div> </div> <div class='panel'> <div class='field media'> <label>Feature Image</label> <div class='preview' style='background: url(http://placekitten.com/g/600/400) center center no-repeat; background-size: cover'></div> </div> </div> <div class='panel'> <div class='field'> <label>Mission Statement</label> <textarea></textarea> </div> </div> </div> <div class='secondary-column'> <div class='panel'> <div class='field'> <label>Page Title</label> <input> </div> </div> <div class='panel'> <div class='field'> <label>Url</label> <span class='hint'>http://example.com/about</span> <input> </div> </div> <div class='panel'> <div class='field'> <label>Description</label> <span class='hint'></span> <textarea></textarea> </div> </div> </div> </form> <div class='actions'> <button class='ui-advance' type='submit'> <span class='ion-checkmark'></span> Save All Changes </button> <span> <a class='ui-retreat' href='#'>Cancel</a> </span> </div>
</section> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Off-Canvas Responsive Layout - Script Codes CSS Codes

h1, h2, h3, h4, h5, h6 { font-family: "Roboto"; font-weight: normal; text-transform: uppercase; letter-spacing: -0.03em;
}
a { font-weight: normal; color: #fff; text-decoration: none;
}
a.ui-retreat { color: #c54a4a; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
a.ui-advance { color: #7cc576; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
/* layout ----------- */
* { box-sizing: border-box;
}
html { height: 100%; width: 100%; overflow: hidden; overflow-y: auto; font-size: 16px; font-family: "Roboto";
}
body { overflow: hidden; position: relative; min-height: 600px; left: -200px; margin: 0 -200px 0 0; padding: 10px 10px 10px 210px; transition: 0.2s all ease;
}
body.nav-visible { left: 0; margin-right: 0;
}
body.nav-visible #toggle-navigation-link .icon::before { transform: rotate(0.5turn);
}
@media (min-width: 481px) { body { left: -140px; margin-right: -140px; } body.nav-visible { left: 0; margin-right: 0px; }
}
@media (min-width: 1025px) { body { left: 0px; margin-right: 0px; padding-left: 240px; padding-right: 40px; }
}
.main-column { max-width: 800px;
}
@media (min-width: 769px) { .main-column { padding-right: 10px; }
}
.main-column { width: 100%;
}
@media (min-width: 769px) { .main-column { width: 60%; float: left; }
}
.secondary-column { width: 100%;
}
@media (min-width: 769px) { .secondary-column { width: 40%; max-width: 600px; float: left; }
}
.panel { padding: 20px; margin-bottom: 10px;
}
.panel ul { margin: 0; padding: 0; list-style: none;
}
.panel h2 { margin: 0;
}
header { min-height: 57px;
}
@media (min-width: 1025px) { header { min-height: 60px; }
}
header h1 { margin: 0; margin-left: 60px; margin-top: 10px;
}
header h1 span:last-child { display: inline-block; position: relative; top: -0.5em;
}
@media (min-width: 1025px) { header h1 { margin-left: 0px; }
}
#toggle-navigation-link { display: inline-block;
}
#toggle-navigation-link span.text { display: none;
}
#application-nav { position: absolute; top: 0; left: 0; width: 200px; margin-top: 10px; transition: 0.2s all ease;
}
@media (min-width: 1025px) { #application-nav { margin-top: 80px; }
}
#application-nav ul { margin: 0; padding: 0;
}
#application-nav li { display: inline;
}
#application-nav a { display: block; margin-bottom: 1px; padding: 10px;
}
#application-nav span.text { display: inline-block; width: 140px; padding-left: 10px; vertical-align: middle;
}
#application-nav h1 { margin: 0; font-size: 1em;
}
#application-nav h1 a { width: 260px;
}
#application-nav h1 span.text { width: 200px; text-indent: -5000px;
}
@media (min-width: 1025px) { #application-nav h1 { display: none; }
}
#breadcrumb-nav { max-width: 1400px; margin-top: 9px; padding: 10px 20px;
}
#breadcrumb-nav ul { margin: 0; padding: 0;
}
#breadcrumb-nav h1 { display: none;
}
.field label { display: block; line-height: 1;
}
.field label abbr { display: none;
}
.field .hint { display: block;
}
.field input, .field textarea { width: 100%; max-width: 100%; margin-top: 10px; padding: 10px;
}
.field .preview { height: 200px; padding-top: 90px; text-align: center;
}
.field .preview a { display: inline; padding: 20px; margin-right: 1px;
}
.field.inline label { display: block; float: left; width: 35%; padding-right: 20px; text-align: left;
}
.field.inline .hint { display: block;
}
.field.inline input, .field.inline textarea { display: block; float: left; width: 65%;
}
.actions { margin: 20px 0; text-align: center;
}
.actions button { display: block; width: 100%; margin-bottom: 10px;
}
@media (min-width: 769px) { .actions { max-width: 400px; width: 60%; margin: 0 auto; }
}
fieldset { padding: 20px; margin-bottom: 10px;
}
fieldset > .field { padding: 0;
}
/* theme ------------ */
html { background: #433a34 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAMAAAAL34HQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGODdGMTE3NDA3MjA2ODExODhDNkE4MzM1NkYyNTRCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEODQ2MkQ1RTEyOTgxMUUyODE2MUI1NkRBODY0MjkxNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEODQ2MkQ1RDEyOTgxMUUyODE2MUI1NkRBODY0MjkxNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMThGNjJBNkU3MjE5REFCRkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg3RjExNzQwNzIwNjgxMTg4QzZBODMzNTZGMjU0QkUiLz4gPC9yZGY6RGVzY3Jp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") fixed;
}
body { color: #fff; -webkit-font-smoothing: antialiased;
}
.panel { background: rgba(0, 0, 0, 0.3); border-radius: 5px;
}
header h1 { color: #f5f7c6; text-transform: none; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
}
header h1 span:last-child { font-size: 0.6em; color: #fff;
}
#application-nav a { text-transform: uppercase; color: rgba(255, 255, 255, 0.8); background: rgba(0, 0, 0, 0.3);
}
#application-nav a:hover { color: #fff;
}
#application-nav span[class^="icon-"] { font-size: 0.8em; line-height: 1.8;
}
#application-nav li:last-child a { border-radius: 0px 0px 5px 0px;
}
@media (min-width: 1025px) { #application-nav li:first-child a { border-radius: 0px 5px 0px 0px; }
}
#application-nav h1 a { font-weight: normal; text-align: center; border-radius: 0px 5px 5px 0px;
}
.nav-visible #application-nav h1 span[class^="icon-"] { transform: rotate(180deg);
}
#breadcrumb-nav { font-size: 0.9em; background: rgba(0, 0, 0, 0.3); border-radius: 5px;
}
.field label { font-size: 1.125em; color: rgba(255, 255, 255, 0.7); text-transform: uppercase;
}
.field .hint, .field .error { font-size: 0.9em; color: rgba(255, 255, 255, 0.7);
}
.field input, .field textarea { background: #dcd5cf; border: 0px solid black; border-radius: 3px;
}
.field input:focus, .field textarea:focus { outline: none;
}
.field textarea { min-height: 160px; line-height: 1.4;
}
.field select { padding: 5px;
}
.field h2 { font-size: 1.5em; color: rgba(255, 255, 255, 0.7);
}
.field .preview { border-radius: 3px; margin-top: 0.75em;
}
.field .preview a { color: #fff; background: rgba(0, 0, 0, 0.7);
}
.field .preview a:first-child { border-radius: 5px 0px 0px 5px;
}
.field .preview a:last-child { border-radius: 0px 5px 5px 0px;
}
.actions button { padding: 20px 40px; font-weight: normal; text-shadow: 1px 1px 3px #000; color: #7cc576; background: rgba(0, 0, 0, 0.3); border: 0px solid #000; border-radius: 5px;
}
fieldset { background: rgba(0, 0, 0, 0.3); border: none; border-radius: 5px;
}
fieldset > .field { background: transparent;
}
fieldset h2 { font-size: 1.5em; color: rgba(255, 255, 255, 0.7);
}

Off-Canvas Responsive Layout - Script Codes JS Codes

(function() { $(function() { $(document).on('click', 'a[href=#]', function() { return false; }); return $('#toggle-navigation-link').on('click', function() { return $('body').toggleClass('nav-visible'); }); });
}).call(this);
Off-Canvas Responsive Layout - Script Codes
Off-Canvas Responsive Layout - Script Codes
Home Page Home
Developer Christian Naths
Username christiannaths
Uploaded November 29, 2022
Rating 3.5
Size 52,985 Kb
Views 18,216
Do you need developer help for Off-Canvas Responsive Layout?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Christian Naths (christiannaths) Script Codes
Name
MicroHero Logo Animation
Checkbox Switch
Responsive Admin Panel 2
Animated Open Mentorship Logo
Next Game Widget
Upcoming Event Stream
Animated Chart
Responsive App Layout
CSS-Only Inputs
Activity Timeline
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!