<iframe src="link.html" width="700px" height="1400px" scrolling="no"></iframe>
Month: April 2021
Table scrollbar customize
/* width */
*::-webkit-scrollbar {
width: 10px;
}
/* Track */
*::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
*::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
*::-webkit-scrollbar-thumb:hover {
background: #555;
}
Toggle menu JS
jQuery( document ).ready( function( $ ) {
var $browserWidth = $( window ).width();
var $masthead = $( '#page' );
$.fn.smallMenu = function() {
$( $masthead ).find( '.site-navigation' ).removeClass( 'main-navigation' ).addClass( 'main-small-navigation' );
$( $masthead ).find( '.site-navigation h1' ).removeClass( 'assistive-text' ).addClass( 'menu-toggle' );
$( '.menu-toggle' ).click( function () {
$( $masthead ).find( '.menu' ).toggle();
$( this ).toggleClass( 'toggled-on' );
});
}
$(window).resize(function() {
var $browserWidth = $( window ).width();
if ( $browserWidth < 800 ) {
$.fn.smallMenu();
} else {
$( $masthead ).find( '.site-navigation' ).removeClass( 'main-small-navigation' ).addClass( 'main-navigation' );
$( $masthead ).find( '.site-navigation h1' ).removeClass( 'menu-toggle' ).addClass( 'assistive-text' );
$( $masthead ).find( '.menu' ).removeAttr( 'style' );
}
});
} );
WPSO Step 5 – Fixing google web fonts
- Install Swap Google Fonts Display
WPSO Step 4 – Enable jquery to the latest version
- Install jQuery Manager for WordPress and enable latest version of jquery.
WPSO Step 3 – Enable WebP images
- Enable WebP Express and save settings.
WPSO Step 2 – Configure Cpanel
- Upgrade PHP to the latest version from Cpanel
- Must enable zip extension from PHP configuration.
- Enable Imagick and gd
- Form options tab increase memory limit
- Enable Gzip compression
- Go to optimization website
- Enable compress all content
WPSO Step 1 – Basic setup
- Install WP Server Health Stats To see the server configuration.
- Install Regenerate Thumbnails To generate thumbnails size
- Install Smush – Lazy Load Images, Optimize & Compress Images To compress images. Please Don’t activate lazyload from the smush plugin.
- Install WP Reset – Most Advanced WordPress Reset Tool to reset and take snapshots.