MAXHEADR0OM

.featured-container {
  position: relative;
}

/* Top Left Text */
.featured-text-block {
  position: absolute;
  top: 10px;
  left: 0px;
  background-color: #357C2B;

MAXHEADR0OM

<div style="height:120px;width:100%;border:1px solid #ccc;overflow:auto;">
Insert content here.
</div>

MAXHEADR0OM

/*Paste in additional css section or in style.css in the editor*/
/*Change values if needed, and add additional margins and padding if needed*/

#logo {float:right; margin-top: 4px;}
#et-top-navigation {float: left; padding-left: 0px !important;}

MAXHEADR0OM

/* This pairs very well with making the logo bigger for Divi mobile.  Paste in additional css section in theme options */

@media only screen and ( min-width:981px ) {
    #main-header { min-height: 150px !important; } /* normal */
    #main-header.et-fixed-header { min-height: 250px !important;  } /* shrunken header */
}

MAXHEADR0OM

/* Paste this code in the additional CSS box in theme options */

@media only screen and (max-width: 980px) {
#logo {
    content: url("/wp-content/uploads/2017/06/your-awesome-mobile-logo.png");
  }
}

MAXHEADR0OM

/* Add this code to your style.css sheet*/

@font-face {
    font-family: Muli-Regular;
    src: url(https://www.examplewebsite.com/wp-content/themes/your-child-theme/fonts/Muli-Regular.ttf);
}

/* Upload your preferred font into a new folder called fonts via ftp in the directory /wp-content/themes/YOUR-THEME */

MAXHEADR0OM

<!-- Paste this code wherever you need on your wordpress, or if using a pagebuilder like Divi, use a code module -->
<!-- If you don't need the image to be a link, you can remove the a tags at the begininng and end of the code -->

<a href="ENTER URL ADDRESS HERE"><img src="FIRST IMAGE URL GOES HERE" onmouseover="this.src='SECOND IMAGE URL GOES HERE'"onmouseout="this.src='FIRST IMAGE URL GOES HERE - AGAIN'" /></a>

MAXHEADR0OM

/* Paste this line of code in the style.css file in the Divi editor under appearance */
/* You can change the width to whatever value you need */


.nav li ul { width: 280px; }#top-menu li li a { width: 240px; }

MAXHEADR0OM

/* Paste this code into your style.css file or in the additional css tab in the theme customizer */


@media (max-width: 1024px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;

MAXHEADR0OM

/* Paste this code into the wp-config.php file and add your new URL */

define('WP_HOME','http://example.com');
define('WP_SITEURL','http://example.com');