Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks for your screenshots but there is no overlay over your logo or header, please note that your menu items are white and show correctly.
This is because the opacity:0.1; is applied under the logo container on header_bg div, you can test this by Yigit’s suggestion of choosing to display transparent header instead of the glassy transparent option, or test with this css:

#top #wrap_all .av_header_glassy.av_header_transparency .header_bg {
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}

and you will see that the color of the logo doesn’t change.
Below I have linked to your logo directly, if you open it in a new browser tab you will see that the text “senior care” is actually #FCFCFC and not white so if you adjust the image it should solve this.

Best regards,
Mike

Hi,
Thanks for sharing your solution, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
I couldn’t find the page you took the screenshots from so I tried adding the elements to the test page and it seems to work well, please check.
This element really wasn’t designed to work with the layout that you are trying to achieve, as you recall at the beginning of this thread we wrote a script to try to achieve this, but since you are having such trouble with this, perhaps a different layout is in order?

Best regards,
Mike

Hi,
The following css will place the #text-26 below and center the logo on mobile (screenshot 1), it will remain centered below the logo on tablet because there is not enough room next to the logo (screenshot 2), then at 991px and above it moves up in-line with the logo (screenshot 3).

@media only screen and (max-width: 990px) {
#header #header_main {
	display: flex;
	flex-wrap: wrap;
}
#header #header_main #text-26 {
	order: 2;
    position: relative;
    right: unset;
    top: unset;
    margin: auto;
    padding: 0;
}
#header #header_main .av-logo-container {
	order: 1;
}
#header #header_main_alternate {
	order: 3;
}
}
@media only screen and (min-width: 991px) and (max-width: 1210px) {
	.responsive #header_main > .container.av-logo-container {
		max-width: 499px;
		margin: 0;
	}
	.responsive #header_main > #text-26 {
    right: 20px;
	}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey goch,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.single-product .av-woo-purchase-button > .product_meta {
	display: none;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for sharing your solution, hopefully this will help other users.
If you have any further solutions or questions please feel free to create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Please try as I have described above.

Best regards,
Mike

Hey ryhan,
I have compared your staging site and your live site and I don’t see any difference, but I do note that your live site is not up-to-date, it is using Version: 4.8.6.2
so if you moved the header from your staging site which is using Version: 4.9.2 to your live site that could be the issue, please update your live site.

Best regards,
Mike

Hey nicoletaenache00,o
Thanks for the login, you had the Disable jQuery Migrate option disabled in Enfold Theme Options ▸ Performance ▸ Change WordPress defaults jQuery Migrate needs to be active, I enabled, please check.

Best regards,
Mike

Hey Marco,
Thank you for your question, you can not have an auto-playing video with sound, the video must have the sound off or not auto-play. This rule has been put in place by the major browsers, Safari & Chrome, and we follow it.
Some plugins try to hack around this and the browsers try to break these with each update, so you could try one of these, but it is outside our support.
You could also try using the layerslider with a video in it, at one time this worked, but note that eventually it will not.

Best regards,
Mike

Hi,
Thank you for the link to your site, to move the cart to the topbar Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function($){
  $( ".cart_dropdown" ).appendTo( "#header_meta .container" );
  $( ".cart_dropdown_link" ).css({'line-height':'unset'});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

the expected result for desktop is:

and for mobile is:

to hide the search icon for mobile try this code in the General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
	#header_main #menu-item-search {
		opacity: 0;
	}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike