Welcome to WP Beaches

Specialising in WordPress Websites, based in the Northern Beaches, NSW

RECENT POSTS

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…

Read More

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…

Read More

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…

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…

Read More

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…

Read More

Add Menu Items 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 but what about adding an item in a specific place. add_filter( ‘wp_nav_menu_items’, ‘prefix_add_menu_item’, 10, 2 ); /** * Add…

Read More

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…

Read More

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…

Read More

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…

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…

Read More

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…

Read More

Add Menu Items 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 but what about adding an item in a specific place. add_filter( ‘wp_nav_menu_items’, ‘prefix_add_menu_item’, 10, 2 ); /** * Add…

Read More