Disabling the "scroll-to-top" button on specific page(s)

Method 1: Using CSS

open the style.css of your child theme and add this CSS code

.page-id-80 #fl-to-top {
   display: none!important;
}

If you look the above code, you can see that I used .page-id-80. 80 is my page ID. You will replace it with your page ID.

Method 2: Using PHP script

This method is also simple. Open your functions.php file of your child theme and add this PHP script at end of the file.

add_filter( 'fl_theme_mods', 'wpbw_disable_scroll_to_top', 90 );
function wpbw_disable_scroll_to_top( $mods )
{
	if( is_page( 80 ) )
	{
		$mods['fl-scroll-to-top'] = 'disable';
	}

	return $mods;
}

80 is my page ID. You will replace it with your page ID.

This tutorial will only work on Beaver Theme

Leave a Comment

You must be logged in to post a comment.

Newsletter

Get free weekly PRO Beaver Builder Tutorials

shares