Change Mobile Menu Hamburger Icon Size
Here is an example CSS to make the hamburger icon bigger in the Total WordPress theme. The way the icon works is by having a span set to a fixed height and width. Inside it is another span set to…
Change Mobile Menu Hamburger Icon Size
Use Theme Icon for the Mobile Menu Hamburger Icon
add_filter( 'wpex_mobile_menu_open_button_text', function() { return wpex_get_theme_icon_html( 'bars' ); } );
Enable URL Hash Update For Local Scroll Links
/** * Enable URl hash update when clicking local scroll links * */ function myprefix_enable_local_scroll_hash_update( $array ) { $array['localScrollUpdateHash'] = true; return $array; } add_filter( 'wpex_localize_array', 'myprefix_enable_local_scroll_hash_update' );
How to Add New Social Share Options
The following snippet is an example showing how you may add custom social share buttons to the Total theme's social share functionality. By default the theme only includes the most commonly used social share options to keep the theme slim…
Trigger Stretched Rows Inside WPBakery Page Builder Tabs
By default if you add a stretched row in the WPBakery Page Builder (formerly known as Visual Composer) it won't render properly because these rows need to be visible on site load to display properly as they aren't really intended…
Display WooCommerce Checkout in Single Column
By default the WooCommerce checkout page is split in 2 columns with Billing Details on the left and Additional Information on the right. However, you can easily make the checkout a single column using a little CSS.
How to Add Border “Dividers” Between Menu Items in Header Style Three
This little bit of CSS will add borders between your items in header style three (bottom centered menu). The CSS of course can be tweaked to better fit your needs but it's a good starting point.
Use Overlay Header Logo for Sticky Logo
By default the Total theme uses the default header logo setup in the Customizer for the sticky header on ALL overlay pages. The reason for this is most the time customers use the overlay logo option in the page settings…
Define Your Dynamic Post Template via Code
While you can already define your dynamic post template for posts, portfolio, staff, testimonials via the Customizer and you can define it for custom post types when using the Post Types Unlimited Plugin, if you are creating new post types…
Prevent the Child Theme’s Style.css File from Loading
Simple go to your child theme's functions.php file and replace the function that enqueues the parent CSS file with the following code. This will re-register the child theme's style.css and re-register the parent theme's style.css with the correct handle.