#1. Add an off canvas element in the Pro Header or the content area of the page. #2. Add an ID to the element which we will use to target the element with Javascript later. NOTE: Once you have added an ID to the Content Area Off Canvas element, the ID automatically gets appended with some standard identifier which is …
Add a Gap in Mobile Between Columns on X/Pro Theme
Issue: Solution 1. Add this CSS to each column’s Element CSS: Solution 2. Set a class to the row that contains the columns then add a CSS code targetting the columns using the class added the row like this: The code above will add a bottom margin to the columns on mobile if the class gap-mobile is added to the …
Change X Theme’s Header Breakpoint
By default, X’s mobile menu displays on 980px breakpoint. There is no available option to change this but some lines of custom CSS can override the default theme CSS. The code above will display X’s menu navigation from 1080px screen width and below.
Remove WordPress Version in Meta Header
[php] function remove_meta_version() { return ”; } add_filter( ‘the_generator’, ‘remove_meta_version’ ); [/php]
Remove WP/Theme version in file URL
[php] function remove_theme_version_strings( $src ) { global $wp_version; // WordPress version $theme_version = wp_get_theme(get_template())->get( ‘Version’ ); // theme version parse_str( parse_url($src, PHP_URL_QUERY), $query ); if ( !empty( $query[‘ver’] ) && $query[‘ver’] === $theme_version ) { // I’m just checking for the active theme’s version here $src = remove_query_arg( ‘ver’, $src ); } return $src; } add_filter( ‘script_loader_src’, ‘remove_theme_version_strings’ ); add_filter( …