Hey Nick!

Your final code should be like this:

@media only screen and (max-width: 990px) {
	#top .main_color .mobile_menu_toggle { display: inline-block; }
	div.container.av-menu-mobile-active { text-align: center; }
	ul#menu-main-menu.av-subnav-menu.av-submenu-pos-center { display: none; }
	.responsive #top .av-menu-mobile-active .av-open-submenu.av-subnav-menu{display:block;}
	.responsive #top .av-menu-mobile-active {text-align: center; }
	.responsive #top .av-menu-mobile-active .mobile_menu_toggle{display: inline-block;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu{display:none;}
	.responsive #top .sticky_placeholder{height:0px;}
	.responsive #top .av-submenu-container{top: auto !important; position: relative !important; height:auto; }
	.responsive #top #wrap_all .av-menu-mobile-active.container {width:100%; max-width: 100%;}
	.responsive #top .av-menu-mobile-active .av-open-submenu.av-subnav-menu{display:block;}
	.responsive #top .av-subnav-menu > li:first-child{margin-top:-1px;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu  li{display:block; padding:0;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu > li > a{border-left:none; padding:15px 15%; text-align: left;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before{content: "\25B6"; position: absolute; top: 15px; margin-left: -10px; font-family: 'entypo-fontello'; font-size: 7px;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu li > ul{visibility:visible; opacity: 1; top:0; left:0; position: relative; width:100%; border:none;}
	.responsive #top .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul{display: none;}
	.responsive #top .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul.av-visible-sublist{display: block;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu li > ul a{padding:15px 19%;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu li li > ul a{padding:15px 24%;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu li li li > ul a{padding:15px 29%;}
}

Cheers!
Josue

Hi David!

nth-child won’t work on IE8, change this part in your style.css:

#top.page-id-13 #main > div.container_wrap:nth-child(1) .av-special-heading .av-special-heading-tag {
    text-transform: none; 
   font-weight: normal; 
} 

#top.page-id-13 #main > div.container_wrap:nth-child(1) .togglecontainer .toggler {
  background-color: #2d5a9c; 
  color: #ffffff; 
  font-size: 18px; 
  font-weight: normal; 
} 

#top.page-id-13 #main > div.container_wrap:nth-child(1) .togglecontainer .toggle_content  {
    border-width: 0; 
   border-color: #2d5a9c; 
   background-color: rgba(200,216,248,1); 
   margin-bottom: 0; 
 } 

To:

#top.page-id-13 #main > div.container_wrap .av-special-heading .av-special-heading-tag {
    text-transform: none; 
   font-weight: normal; 
} 

#top.page-id-13 #main > div.container_wrap .togglecontainer .toggler {
  background-color: #2d5a9c; 
  color: #ffffff; 
  font-size: 18px; 
  font-weight: normal; 
} 

#top.page-id-13 #main > div.container_wrap .togglecontainer .toggle_content  {
    border-width: 0; 
   border-color: #2d5a9c; 
   background-color: rgba(200,216,248,1); 
   margin-bottom: 0; 
 } 

Cheers!
Josue

Hey Taryn!

You can use the following CSS to change that:

/* All alerts */
.mc4wp-alert {
    font-size: 22px;
}
/* Error */
.mc4wp-error{
    color: red;
}
/* Success */
.mc4wp-succes{
    color: green;
}

Regards,
Josue

Hey!

You can change the body font size here – http://a.pomf.se/duitty.png

Best regards,
Josue

Hi!

1. Go to Appearance > Menus and uncheck “Enfold Footer Menu”
2. Add this code to Quick CSS:

#top .social_bookmarks li a {
    font-size: 22px;
}

Regards,
Josue

Hi!

Defiantly possible, you can do something like this (button has custom class of “call_us”):

.call_us .avia_iconbox_title {
    font-size: inherit;

}
.call_us .avia_iconbox_title:after{
    content: "303023023";
    font-size: 0;

}
.call_us:hover .avia_iconbox_title {
    font-size: 0;

}
.call_us:hover .avia_iconbox_title:after{
    font-size: 14px;
}

Regards,
Josue

Hi Vincent!

Which element is it? If it’s a heading for example then you can give it a custom class like this.

<h2 class = "customH2">Hello</h2>

And then add this to your Quick CSS field.

.customH2 { font-size: 24px !important; color: red !important; font-weight: bold !important; }

To style it.

Best regards,
Elliott