Advanced Builder Techniques

add_filter( 'fl_builder_mobile_menu_icon' , function($icon) { return file_get_contents( get_stylesheet_directory() . '/burger-icon.svg' ); } ); get_stylesheet_directory() returns the local filepath, what it actually needs to read the stream. It also needs a / to prefix the relative theme filepath.

You can add an ID to a target row, column, or module so that links from other locations will go directly to that spot on a page. When target is on the same page, or on another page with a PageBuilder layout, the page scrolls smoothly up or down to the target when the link is clicked. This helps users get a sense of where they are going to view the linked content. In these instructions, we'll use the term element to refer to a row, column or module, and we'll call the destination that you want t...

You can use JavaScript to customize the following aspects of PageBuilder smooth scrolling: duration, the type of animation, and the offset of the target from the top of the screen. Here's the JavaScript that you can use to tweak all these changes. jQuery(function () { if ("undefined" != typeof FLBuilderLayoutConfig) { FLBuilderLayoutConfig.anchorLinkAnimations.duration = 1000; FLBuilderLayoutConfig.anchorLinkAnimations.easing = "swing"; FLBuilderLayoutConfig.anchorLinkAnimations.offset = 100;...