Code Snippet Preview

Code Snippet Preview



 

Customize the default Bootstrap 4 navbar to have a mobile friendly off-canvas side menu. This plugin duplicates the desktop nav menu and adds it to the off canvas aside menu. So you will only need to update your links in one spot. You can learn more about the off canvas plugin here.

Add inside head tag

  <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://npmcdn.com/js-offcanvas@1.0/dist/_css/minified/js-offcanvas.css'>

Add before closing body tag

  <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js'></script>
<script src='https://npmcdn.com/js-offcanvas@1.0/dist/_js/js-offcanvas.pkgd.min.js'></script>

Related resources

  • WordPress vs HubSpot CMS Review
  • 25+ Questions to Ask Before Redesigning Your Business Website
  • 5 Things A Business Should Consider Before a Website Redesign
  • How to Quickly Create a Website for B2B Company
  • HubSpot Custom Modules Marketplace
  • Buy HubSpot Modules in Bulk