Hey macmutsaers,
This is because Edge doesn’t recognize your color, it has too many digits for a hex value:

header#header {
    background-color: #606d488f;
}

Please adjust to a 6 digit hex value, or use rgba:

rgba(96, 109, 72, 0.56);

Best regards,
Mike

Hi,
I changed the code a little, to this:

@media only screen and (max-width: 990px) {
    .cta-btn-l  {
        width: 46% !important; 
        margin-right: 10px !important; 
        margin-bottom: 10px !important;
        float: left !important;  
}
   .cta-btn-r  {
        width: 46% !important; 
        margin-left: 10px !important; 
        margin-bottom: 10px !important;
        float: right !important;  
}
    .cta-btn-c {
        width: 100% !important; 
          margin-left: 0 !important; 
}
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Unfortunately the lightbox gets it’s description from the title element that has been removed by the earlier function, while we can write the function to not work on this one page, you will still get the hover title on this page.
Is that acceptable? Is there any other pages that you don’t want the function to work?

Best regards,
Mike

Hi,
You can control which image sizes are created when you upload a image manually by commenting out the sizes you don’t want to use in /wp-content/themes/enfold/function.php

$avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);						// small preview pics eg sidebar news
$avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);		                 // small image for blogs
$avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 'crop' => false);	// images for fullscrren slider
$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );						// images for portfolio 4 columns
$avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );						// images for magazines
$avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 'crop' => false);		// images for fullscreen masonry
$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);		            	// big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);

To comment out just place a // in front of each line.
But WordPress also creates some, so the best option to control both WordPress & Enfold is to use the plugin Simple Image Sizes

Best regards,
Mike

Hey TheINNERface,
I believe what you are looking for is “z-index”
In this case I would make your page background transparent, which then shows a green that is your document background that we will make white, this is now the background color of your lowest level “z-index: 0;” which we will set your #topbanner_1 to.
Then we will make your #overlap “z-index: 5;” and your #overlap2 “z-index: 10;” your very last color section has the same name as your second one, so I can’t make it “z-index: 15;”
Please notice that we are using negative “margin-top” to move the sections up. Please try this css & adjust to suit:

.main_color {
background-color: transparent !important;
}
#wrap_all,#main {
    background-color: #fff !important;
}
#topbanner_1 {
    position: relative !important; 
    z-index: 0 !important;
}
#overlap {
    margin-top: -50px !important; 
    position: relative !important; 
    z-index: 5 !important;
}
#overlap2 {
    margin-top: -50px !important; 
    position: relative !important; 
    z-index: 10 !important;
}

Here is another solution to try: Stacking without the z-index property

Best regards,
Mike

Hey JPSmarketing,
I have taken a look and found that your webhost doesn’t have PHP ZipArchive Extension enabled. Please ask them to enable it for you, and then try again.

Best regards,
Mike

Hi,
For the main menu, please try:

#top #header .av-main-nav > li > a {
    font-size: 18px !important; 
}

Please adjust to suit.

Best regards,
Mike

Hey cole182,
Can you please include a admin login in the private content area so we can take a closer look.
Also please link directly to the page to help us find it.

Best regards,
Mike

Hey Mona,
Thank you for contacting us, all of our theme prices are one time with 6 months support from us.
Please read more here
Our themes are available exclusively at Theme Forest.

Best regards,
Mike

Hey SandraSquires,
If I understand correctly, you would like the white grid rows to show after the blue rows, in order for each column.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_order_script(){
  ?>
  <script>
    $(window).on('load resize', function() {
    if ($(window).width() <= 766) {
    $(function() {
    $('#top.home .avia-builder-el-11').insertAfter('#top.home .avia-builder-el-2');
    $('#top.home .avia-builder-el-16').insertAfter('#top.home .avia-builder-el-4');
    $('#top.home .avia-builder-el-21').insertAfter('#top.home .avia-builder-el-6');
    });
    }
    else {
    $(function() {
    $('#top.home .avia-builder-el-4').insertAfter('#top.home .avia-builder-el-2');
    $('#top.home .avia-builder-el-6').insertAfter('#top.home .avia-builder-el-4');
    $('#top.home .avia-builder-el-8').insertAfter('#top.home .avia-builder-el-6');
    });
    };
    });
    </script>
  <?php
  }
add_action('wp_footer', 'custom_order_script');

This script works on page load, and while it works now, it would be best to add custom ids or classes to each cell of your grid rows and adjust the script because the classes above will change if you add or remove elements from the page.

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

#top .av-main-nav ul a {
font-size: 18px !important;
}

Please adjust the font-size number to suit.
Then clear your browser cache.

Best regards,
Mike

Hi,
Sorry for the late reply, it seems the script was not loading, so I added the script to your child theme functions.php so that your customizations will stay in effect after the next update. Just to ensure you don’t have to deal with this again.
I tested your site with the maintenance mode off to ensure it worked, and then turned the maintenance mode back on. When you check please clear your site & browser cache well.
Sorry for the interruption, thanks for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
I cloned your content slider and set the screen options to only show on mobile, then set the number of columns to show to one.
Then I set your other content slider to hide on mobile. This way only one content slider will show at a time, but the mobile one will only show one image at a time.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike