Hey Spiv,
Please check if the Enfold Theme Options > Performance > JS & CSS file merging and compression settings are enabled, while developing your site these should be disabled because the files are only rebuilt when the theme settings are saved.
To re-build the merged css files, try entering a blank space in the Quick CSS to enable the “Save all changes” button, then save.

Best regards,
Mike

Hey Chris,
Can you please include a admin login in the private content area, and a direct link to the product page, so we can take a closer look.

Best regards,
Mike

Hi,
Can you please include a admin login in the private content area so we can take a closer look at your fallback image issue.

Best regards,
Mike

Hi,
Do you mean this background:

it is fixed when I view it in Chrome.
That is that the background-image doesn’t move, and the rest of the page moves over it. Perhaps you are thinking of “scroll” where the background-image stays “fixed” in one place on the page and moves as the page moves?
Please see these examples

Best regards,
Mike

Hey fionayoung,
I see your site is back up, and I don’t see your facebook pixel code in your functions-enfold.php, so I assume you were able to remove it.
If you still need to add the script, please enter it into the Enfold Theme Options > Google Services > Google Analytics Tracking Code box, because this box adds it’s content into the header of your site.
Or you could use a plugin such as Header and Footer Scripts

Best regards,
Mike

Hey insanityNL,
Try adding this code to the end of your functions.php file in Appearance > Editor:

// hide theme options
add_action('admin_head', 'hide_theme_options');

function hide_theme_options() {
  echo '<style>
    #wpbody-content #avia_options_page .avia_button.avia_button_grey.avia_reset,#wpbody-content #avia_options_page .avia_section_header.goto_update,#wpbody-content #avia_options_page .avia_section_header.goto_upload,#wpbody-content #avia_options_page .avia_section_header.goto_demo {
		display: none !important;
		}
  </style>';
}

Best regards,
Mike

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

#woocommerce_product_categories2-2.widget .product-categories a {
color: #919191 !important; 
}

If this doesn’t help, Can you please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
I don’t see a screenshot, but your links work and I believe I understand.
So the way the sidebar width works: it is set to auto, and the width of the content is what you will want to change.
Although, the content is now set to 73% making the sidebar 27%, this screenshot will illustrate:

But if you want to make the sidebar smaller, Try this code in the Enfold Theme Options > General Styling > Quick CSS field:

#top .container .template-page.av-content-small.units {
    width: 83%!important; 
}

Please adjust to suit.

Best regards,
Mike

Hi,
I have created two test pages, one adding the layerslider using the advanced layout builder, and the other adding the layerslider using shortcode in the default editor, and both seem to be working correctly, after switching to the v4.4.1.
Please see links in the Private Content area.
Can you please explain the issue you are experiencing a little more?

Best regards,
Mike

Hey soundstrat,
Please try adding this code to the end of your functions.php file in Appearance > Editor, and changing the links to match your site:

add_filter( 'wp_nav_menu_items', 'add_loginout_link', 10, 2 );
function add_loginout_link( $items, $args ) {
    if (is_user_logged_in() && $args->theme_location == 'avia') {
        $items .= '<li><a href="http://127.0.0.1/wp-login.php?action=logout">Log Out</a></li>';
    }
    elseif (!is_user_logged_in() && $args->theme_location == 'avia') {
        $items .= '<li><a href="http://127.0.0.1/wp-login.php">Log In</a></li>';
    }
    return $items;
}

Best regards,
Mike

Hey johnosjourney,
You can override the color by adding a “!important;” to the end of your color rule and placing it in your Enfold Theme Options > General Styling > Quick CSS field
or in your WordPress > Customize > Additional CSS
but when I look at your mobile site, I see #333333
Please see screenshot in Private Content area.

Best regards,
Mike

Hi,
This solution may work for you: different header on a different page

Best regards,
Mike

Hi,
I have two css code snippets for you to try in your WordPress > Customize > Additional CSS field.
This first one gives you the mobile width of the columns and the mobile menu:

@media only screen and (max-width:767px){
.responsive #top .av-hide-on-mobile{display:none!important;}
.responsive #top #wrap_all #header{position:relative;width:100%;float:none;height:auto;margin:0!important;opacity:1;min-height:0!important;}
.responsive #top #main{padding-top:0!important;margin:0!important;}
.responsive #top #main .container_wrap:first-child{border-top:none!important;}
.responsive #top .logo{position:static;display:table;height:80px!important;float:none;padding:0;border:none;width:80%!important;}
.responsive .logo a{display:table-cell;vertical-align:middle!important;}
.responsive .logo img{height:auto!important;width:auto;max-width:100%;display:block;max-height:80px!important;}
.responsive #header_main .container{height:auto!important!important;}
.responsive #top .header_bg{opacity:1;filter:alpha(opacity=1)!important;}
.responsive #header .social_bookmarks{padding-bottom:2px;width:100%;text-align:center;height:auto;line-height:0.8em;margin:0!important;}
.responsive #header .social_bookmarks li{float:none;display:inline-block!important;}
.responsive .logo img{margin:0!important;}
.responsive.html_header_sidebar #top #header .social_bookmarks{display:none!important;}
.responsive .av-burger-menu-main{display:block!important;}
.responsive #top #wrap_all .main_menu{top:0;height:80px;left:auto;right:0;display:block;position:absolute!important;}
.responsive .main_menu ul:first-child > li a{height:80px;line-height:80px!important;}
.responsive #top .av-main-nav .menu-item{display:none!important;}
.responsive #top .av-main-nav .menu-item-avia-special{display:block!important;}
.responsive #top #header .social_bookmarks{display:none!important;}
.responsive #top .av-logo-container .avia-menu{height:100%!important;}
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a,.responsive #top #wrap_all .av-logo-container{height:80px;line-height:80px!important;}
.responsive #top #wrap_all .av-logo-container{padding:0!important;}
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a{min-width:0;padding:0 0 0 20px;margin:0;border-style:none;border-width:0!important;}
.responsive #top #header .av-main-nav > li > a,.responsive #top #header .av-main-nav > li > a:hover{background:transparent;color:inherit!important;}
.responsive.html_header_sidebar #main{border:none!important;}
.responsive #scroll-top-link{display:none!important;}
}

Or you can try this one that gives you the column width with the sidebar menu and the images, which on a tablet looks nicer, I think.

@media only screen and (max-width: 1023px) {
    .responsive .boxed #wrap_all {
        overflow:hidden !important; 
    }

    .responsive #top {
        overflow-x: hidden !important; 
    }

    .responsive .boxed#top,.responsive #top.boxed .stretch_full ,.responsive.html_boxed.html_header_sticky #header,.responsive.html_boxed.html_header_transparency div #header {
        width: 100% !important; 
        max-width: 100% !important; 
    }

    .responsive #top .flex_column_table_cell {
        display: block !important;
    }

    .responsive #top .flex_column_table {
        display: block !important;
    }

    .responsive #top #wrap_all .container {
        width: 85%!important;
        max-width: 85%!important;
        margin: 0 auto!important;
        padding-left: 0!important;
        padding-right: 0!important;
        float: none !important; 
    }

    .responsive .units,.responsive .unit {
        margin: 0 !important;
    }

    .responsive #top .container .av-content-small,.responsive #top #wrap_all .flex_column,.responsive #top #wrap_all .av-flex-cells .no_margin {
        margin: 0!important;
        margin-bottom: 20px!important;
        width: 100% !important;
    }

    .responsive #top #wrap_all .av-flex-cells .no_margin {
        display: block!important;
        margin: 0!important;
        height: auto !important;
        overflow: hidden!important;
        padding-left: 8% !important;
        padding-right: 8% !important
    }

    .responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner {
        width: 100%!important;
        max-width: 100%!important;
        margin: 0 auto !important;
    }

    .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding {
        padding-left: 0% !important;
        padding-right: 0% !important
    }

    .responsive #top #wrap_all .flex_column:empty {
        margin: 0 !important;
    }
}

@media only screen and (min-width: 480px) and (max-width:1023px) {
}

.container:after {
    content: "\0020";
    display: block!important;
    height: 0!important;
    clear: both!important;
    visibility: hidden !important;
}

.clearfix:before,.clearfix:after,.flex_column:before,.flex_column:after,.widget:before,.widget:after {
    content: '\0020'!important;
    display: block!important;
    overflow: hidden!important;
    visibility: hidden!important;
    width: 0!important;
    height: 0 !important;
}

.flex_column:after,.clearfix:after {
    clear: both !important;
}

.row,.clearfix {
    zoom:1}

.clear {
    clear: both!important;
    display: block!important;
    overflow: hidden!important;
    visibility: hidden!important;
    width: 0!important;
    height: 0 !important;
}

body div .first,body div .no_margin {
    margin-left: 0 !important;
}

div .flex_column {
    z-index: 1!important;
    float: left!important;
    position: relative!important;
    min-height: 1px!important;
    width: 100% !important;
}

div .av_one_fifth {
    margin-left: 6%!important;
    width: 15.2% !important;
}

div .av_one_fourth {
    margin-left: 6%!important;
    width: 20.5% !important;
}

div .av_one_third {
    margin-left: 6%!important;
    width: 29.333333333333332% !important;
}

div .av_two_fifth {
    margin-left: 6%!important;
    width: 36.4% !important;
}

div .av_one_half {
    margin-left: 6%!important;
    width: 47% !important;
}

div .av_three_fifth {
    margin-left: 6%!important;
    width: 57.599999999999994% !important;
}

div .av_two_third {
    margin-left: 6%!important;
    width: 64.66666666666666% !important;
}

div .av_three_fourth {
    margin-left: 6%!important;
    width: 73.5% !important;
}

div .av_four_fifth {
    margin-left: 6%!important;
    width: 78.8% !important;
}

div .av_one_sixth {
    margin-left: 6%!important;
    width: 11.666666666666666% !important;
}

div .av_one_seventh {
    margin-left: 6%!important;
    width: 9.142857142857142% !important;
}

div .av_one_eighth {
    margin-left: 6%!important;
    width: 7.25% !important;
}

div .av_one_nineth {
    margin-left: 6%!important;
    width: 5.777777777777778% !important;
}

div .av_one_tenth {
    margin-left: 6%!important;
    width: 4.6% !important;
}

#top div .no_margin {
    margin-left: 0!important;
    margin-top: 0 !important;
}

#top .no_margin.av_one_fifth {
    width: 20% !important;
}

#top .no_margin.av_one_fourth {
    width: 25% !important;
}

#top .no_margin.av_one_third {
    width: 33.3% !important;
}

#top .no_margin.av_two_fifth {
    width: 40% !important;
}

#top .no_margin.av_one_half {
    width: 50% !important;
}

#top .no_margin.av_three_fifth {
    width: 60% !important;
}

#top .no_margin.av_two_third {
    width: 66.6% !important;
}

#top .no_margin.av_three_fourth {
    width: 75% !important;
}

#top .no_margin.av_four_fifth {
    width: 80% !important;
}

#top .no_margin.av_one_sixth {
    width: 16.666666666666668% !important;
}

#top .no_margin.av_one_seventh {
    width: 14.285714285714286% !important;
}

#top .no_margin.av_one_eighth {
    width: 12.5% !important;
}

#top .no_margin.av_one_nineth {
    width: 11.11111111111111% !important;
}

#top .no_margin.av_one_tenth {
    width: 10% !important;
}

#top .flex_column_table {
    display: table!important;
    table-layout: fixed!important;
    width: 100% !important;
}

#top .flex_column_table_cell {
    float: none!important;
    display: table-cell !important;
}

#top .av-flex-placeholder {
    display: table-cell!important;
    width: 6% !important;
}

.av-align-top {
    vertical-align: top !important;
}

.av-align-middle {
    vertical-align: middle !important;
}

.av-align-bottom {
    vertical-align: bottom !important;
}

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
And if there are features that you wish Enfold had, you can request them and vote the requested ones 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 have found that this seems to be a issue that has been attributed to a rendering error in Chrome, and in testing I also found that the animation will work correctly if the slider is set to “full size” layout, and a mode of “normal” or “hero”

I will try to find a better answer for you, but so far every support ticket on layerslider I have found ends with “it’s a rendering error in Chrome”

Best regards,
Mike