Animating the Hamburger Menu Toggle

Animating Hamburger Menu

There is a comprehensive animating Menu toggle CSS set of rules created by Jonathan Suh, it’s got more animation options than you can poke a stick at. The basic mark up in HTML is… <button class=”hamburger hamburger–collapse” type=”button”> <span class=”hamburger-box”>< <span class=”hamburger-inner”></span> </span> </button> The second CSS class for the button is the animating class…

Read More

Create a content flyout overlay in Beaver Themer Layout Header

Overlay Flyout Beaver Builder

This is a starter guide to get you up and running with an overlay flyout on click of hidden content in Beaver Builder – there is nothing indeed Beaver Builder specific about it other than it’s easy to build the overlay content within the builder itself, display it normally in the BB editing screen but…

Read More

Make Beaver Themer Sticky Header And Shrink At Any Size

Beaver Themer Header Shrink Stick

You can make the Beaver Themer header stick and shrink at any viewport width by overriding the default fl-theme-builder-header-layout.js that comes with Beaver Themer, your version will overrule the Themer javascript as it runs after and can be re-declared in javascript. Create a js file, copying /wp-content/plugins/bb-theme-builder/js/fl-theme-builder-header-layout.js and enqueue it to your theme, there are 2…

Read More

What is SIP – System Integrity Protection in macOS

Remove Sip Macos

macOS Big Sur ships with a new security process referred to as SIP or System Integrity Protection also known as rootless it has been part of the macOS since OSX 10.11 El Capitan. This guide goes through disabling and enabling SIP and seeing that status of SIP at anytime. What SIP essentially does is protect…

Read More

Add Copyright Symbol and Year Date in PHP

Php Copyright Year

To add a copyright symbol and year date in PHP that updates with the current year, you can use the code below… &copy; <?php echo date (‘Y’); ?> An HTML entity is used for the copyright symbol, then you have an opening PHP declaration followed by an echo, which is rendering the year using the…

Read More