Hi,
I have taken a look and found that you are getting a js error for screen sizes 1440px and below:

Uncaught Code.PhotoSwipe.createInstance: No images to passed. code.photoswipe.jquery-3.0.5.js

this seems to be coming from: /wp-content/plugins/tablet-photography/photoswipe/code.photoswipe.jquery-3.0.5.js
Please try disabling the plugin tablet-photography and clear any site and browser cache, and check again.
Often the errors reported in the console begin with a different root cause, so if this doesn’t solve please try disabling your other plugins and check.

Best regards,
Mike

Hi,
I have checked with a LG Android v5.1.1 with Chrome and the FaceBook widget shows.
Please see screenshot in Private Content area.
Do you have “data saver” turned on, which uses caching to view sites, and have you tried clearing your cache & history?

Best regards,
Mike

Hi,
I’m not sure I understand, as when I check your popup the google opt out is already visible as a button,
because of [av_privacy_google_tracking] which is a built in function,
and as I understand it there is no need to add any more code or radio buttons.

You can read more about this here: ENFOLD 4.4 AND THE GDPR

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,
Please try this css:

#menu-item-phone a[data-av_icon]:before {
    font-size: 20px !important; 
}

If you add this to your child theme style.css, please resave your theme settings to ensure your merged css is rebuilt.
If you find it’s not helping, please test in WordPress > Customize > Additional CSS.
Also be sure to clear your browser cache.

Best regards,
Mike

Hi,
To have the sub-menu extend to 768px, please try this css in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 768px)
{
	.responsive #top .sticky_placeholder{max-height:0px; }
	.responsive #top .av-submenu-container{top: auto !important; position: relative !important; height:auto; min-height:0; margin-bottom: -1px;}
	
	.responsive #top .av-menu-mobile-active {text-align: center; }
	.responsive #top .av-menu-mobile-active .mobile_menu_toggle{display: inline-block!important; }
	.responsive #top .av-menu-mobile-active .av-subnav-menu{display:none!important; }
	
	.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!important; }
	.responsive #top .av-subnav-menu > li:first-child{margin-top:-1px;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu  li{display:block; border-top-style: solid; border-top-width: 1px; 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: "\25BA"; 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%;}

}

Best regards,
Mike

Hi,
I believe Guenni007 used a different script, here he explains the steps

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,
Perhaps I misunderstood, I thought you wanted the transparent header and on scroll it changes to green?
If you want it green all of the time, try changing the “Header visibility and transparency” setting to “No transparency” for the page in the editor.

Best regards,
Mike

Hi,
It seems that you already have a phone button next to the burger menu. Please explain what changes you would like.

Best regards,
Mike

Hi,
Yes, we will leave this open while you test, to be sure it is working for you.
Also you can remove the fontello code in functions.php since you won’t be using it.
Have a happy 4th of July :)

Best regards,
Mike

Hi,
Yes that is correct “#offsite-sec” is the container for “.flex_cell.no_margin” that is why there is a space between them, and why “#offsite-sec” has to be there and not at the top.
Think of stairs & each step is a div or element
Hope that makes since.

Best regards,
Mike

Hi,
Ok, I added “float: left;” to the icon, Please clear your browser cache and check.

Best regards,
Mike

Hi,
It looks like your css was not updating, I enabled the css file merging, and then disabled it again, and it seems to have solved the header color issue. I still recommend using the css to set the sub-menu colors though.

Best regards,
Mike

Hey laptophobo,
If the section has the ID #offsite-sec with the cells inside,
then it’s probably going to be:
.responsive #top #wrap_all #offsite-sec .av-flex-cells .no_margin
if this doesn’t help then please include the url to the page in question so we can take a closer look.

Best regards,
Mike