WooCommerce Accordion Style Expand/Collapse Product Category Menu
Here is a jQuery solution for a WooCommerce accordion style menu for the product category menu that can be assigned with a WooCommerce widget, the menu works best when all product categories are assigned to a parent category. The Accordion menu will then expand and collapse on click with the first parent category appearing expanded,…
Read MoreFlyout Overlay with CSS & Javascript
Building on from 2 previous posts on overly flyout content and animating hamburger icons – I did one more code example with a more minimal approach. The initial same approach is required with 2 x rows of content, one static and the other designated as the overlay flyout with a class of .overlay The toggle…
Read MoreAnimating the Hamburger Menu Toggle
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 MoreCreate a content flyout overlay in Beaver Themer Layout Header
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 MoreCreate Multiple Marker Map from ACF Google Map Location Field from a CPT
Here is a rundown on how to get a multiple marker Google map on a page that contains markers for a business dealer that has it’s own Custom Post Type (CPT). Each dealer has it’s own CPT with an individual map location marker and also another agnostic page that has all the dealers map markers in a…
Read MoreHow to Write to Windows NTFS USB Disk Drives on macOS Mojave and Sierra
By default, you can’t write to Windows NTFS USB drives and hard disks on macOS as they appear as read-only on the Desktop. You can write to these disks with a few installs and tweaks in the Terminal, which will make all NTFS drives writeable – there are also some commercial point and click apps…
Read MoreMake Beaver Themer Sticky Header And Shrink At Any Size
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 MoremacOS Forbidden 403, You don’t have permission to access /~username/ on this server
In macOS if your user personal or document web sharing is not working for a user and is generating a Forbidden 403 error but is OK at the other document root localhost level, the issue may be a configuration file for the user. The higher document root level of http://localhost/ displays “It Works” but when…
Read MoreWhat is SIP – System Integrity Protection in 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 MoreAdd Copyright Symbol and Year Date in PHP
To add a copyright symbol and year date in PHP that updates with the current year, you can use the code below… © <?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