Adjusting header column widths in the Beaver Builder theme
In this video we look at how easy it is make layout adjustments to Beaver Builder theme. With only a basic understanding of how Bootstrap Grid system works we can gain an enormous amount of control.
Examples from the video
Here is the code from the nav-right.php that is changed in the video:
\<div class="col-md-4 col-sm-12 fl-page-header-logo-col">\<div class="fl-page-nav-col col-md-10 col-sm-12">Here is the code from the fixed header.php that is changed:
\<div class="fl-page-logo-wrap col-md-3 col-sm-12">\<div class="fl-page-fixed-nav-wrap col-md-9 col-sm-12">Here is the information on Bootstrap used in the video.