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

Hi,
Please include FTP access in the Private Content area, so we can take a closer look.

Best regards,
Mike

Hey FKMZ2,
For the vertical toggle space, Try this code in the General Styling > Quick CSS field:

.togglecontainer .toggle_wrap.active_tc .toggle_content {
padding-top: 0px !important; 
padding-bottom: 0px !important;
}
.togglecontainer .toggle_wrap.active_tc .toggle_content p {
margin-top: 0px !important; 
margin-bottom: 0px !important;
}

For the space around the icons (+/–) on the left, Try this code in the General Styling > Quick CSS field:

.js_active .toggler {
    padding-left: 25px !important; 
}

Please adjust to suit.

Best regards,
Mike

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

#commentform p.form-submit {margin-top: 30px !important; }
@media only screen and (max-width: 600px) { 
#commentform p.form-submit {margin-top: 60px !important; }}

Best regards,
Mike

Hey wildlilly,
Some hosts don’t use the php.ini file to increase the upload size, sometimes they use the .htaccess file, and other times it’s within the cPanel. Please read this
I recommend asking your webhost to do this for you, often a quick email will get it done right the first time, while your at it ask them to set all of these settings for you:
PHP Version: 7.0.x
PHP Time Limit: No limit
PHP Memory Limit: 256M
PHP Post Max Size: 50M
PHP Max Upload Size: 20M

Best regards,
Mike

Hi,
Thank you I have answered your new thread.

Best regards,
Mike

Hi,
Thanks for letting us know, glad to hear you have it worked out now.
We will close this now, thanks for using Enfold.

Best regards,
Mike

Hi,
It looks like this ftp login goes to a user ftp directory on your webhost, and not your site directory.
Please check the directory this account has access to, it should be “/”
Please read about setting up a ftp user for Godaddy here.

Best regards,
Mike

Hi,
I see your [jQuery(…).magnificPopup is not a function] error.
Please check the file & folder permissions at: \wp-content\themes\enfold\js\aviapopup\
this is where the magnificPopup script is, it is used for many enfold popups such as the cookie notice.
Perhaps try to re-upload the scripts in the folder.
I tested your popup function and the popup code on my localhost, so they are fine.
You said this happened after you updated, did you update via FTP?
If so did you remove the enfold theme folder first, or did you try to overwrite the folder? This will cause issues.

Best regards,
Mike

Hi,
Did you happen to update via ftp before you began experiencing these issues?

Best regards,
Mike