Skip to content

Instantly share code, notes, and snippets.

View Kevin-LeMasters-PixelParade's full-sized avatar

Kevin-LeMasters-PixelParade

View GitHub Profile
@Kevin-LeMasters-PixelParade
Kevin-LeMasters-PixelParade / _BeaverBuilder-Scrollspy-Bootstrap.md
Last active April 16, 2024 12:49
Easy Scrollspy setup for BB theme users running full Bootstrap 4 or anyone using Bootstrap 4 with/without BB

Easy Scrollspy setup for BB theme users running full Bootstrap 4 or anyone using Bootstrap 4 with BB.

For BB theme, enable full bootstrap 4 under customize > General > Layout (Or load it from CDN on a single page if not using it sitewide)

JS file add to BB page JS directly or load via external file in footer defered.

Currently using it with PowerPack's Table of Contents module, but this could be used for any list/menu of links, just change the data-target attribute.

I referred to this documentation when setting up

Hide WPCodebox menu item and page from other users.

Make it availble to all admins with email of @agencyemail or by username

Scss snippet added inline in admin footer to update WPcoedbox folder and snippet styles, and add a different color background to cloud snippets

How to Add Codebox Button to Admin Bar with wpcodebox,

  • create a PHP snippet
  • run snippet on page load
  • insert at admin_head

The snippet checks if logged in and only runs if true

Header will need to be set to sticky and overlay by default.

Simply add this script to your global JS or enque as a seperate script file.

Add responsive screen size buttons in css/scss preview iframe and increase width of iframe

image

image