Make divs equal height

Add this code to make divs equal height

<script>
var maxHeight = 0;

jQuery( document ).ready(function() {	
	
jQuery(".equalize").each(function(){
   if (jQuery(this).height() > maxHeight) { maxHeight = jQuery(this).height(); }
});

jQuery(".equalize").height(maxHeight);	
	
});	
	
</script>

Divi Image Sizes

A good handy guide for Divi image sizes.

  • Full Width Edge To Edge: 1920×1080
  • 1 column: 1080 x 608
  • 3/4 column: 795 x 447
  • 2/3 column: 700 x 394
  • 1/2 column: 510 x 287
  • 1/3 column: 320 x 181
  • 1/4 column: 225 x 128

height should follow 16:9 if possible

Add This to .htaccess to speed things up

Enable Gzip and browser caching code.  Add to the bottom of the .htaccess

# LBROWSERCSTART Browser Caching
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/gif "access 1 year"
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/javascript "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/xhtml-xml "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresDefault "access 1 month"
</IfModule>
# END Caching LBROWSERCEND


# START GZIP ENABLING #
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
</IfModule>
# END GZIP ENABLING #

Divi: Sub-Menu resize

Tired of hunting this down E-V-E-R-Y time I need it. 🙂

/*Sub menu adjustments */
#top-menu li ul { width: 280px; }
#top-menu li li a { width: 250px; font-size: 105%; }