Welcome to WP Beaches

WordPress Websites design specialists, based in the Northern Beaches, Sydney Design, Develop, Host

Our Work

Recent Posts

Add Menu Items at the start or end or in a certain place with wp_nav_menu_filter

Add Menu Item In Place

wp_nav_menu_filter allows you add items at the end of a menu in WordPress but what about adding an item at the start of a menu or in a specific place. add_filter( ‘wp_nav_menu_items’, ‘prefix_add_menu_item’, 10, 2 ); /** * Add Menu…

WooCommerce Accordion Style Expand/Collapse Product Category Menu

Woocommerce 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…

Flyout Overlay with CSS & Javascript

Animating Hamburger Menu

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…

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”><…

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…

Create Multiple Marker Map from ACF Google Map Location Field from a CPT

acf-multiple-makers

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…

How to Write to Windows NTFS USB Disk Drives on macOS Mojave and Sierra

Remove Large Files Webserver

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 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.…

macOS Forbidden 403, You don’t have permission to access /~username/ on this server

Apache Homebrew Macos

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…

Recent Work