Hi,
Thanks for the feedback, please try this css and also note to check while logged out so the admin toolbar doesn’t interfere

@media only screen and (max-width: 767px) { 
#top #header_meta #menu-item-1093 > a,
#top #header_meta #menu-item-1094 > a {
    color:#fff;
}
#top #header_meta #menu-item-1093 {
    border-right-style: none;
}
#top #wrap_all #header #header_meta {
    padding-top: 15px;
}
}
@media only screen and (max-width: 420px) { 
#top #wrap_all #header #header_meta > .container {
    width: 100%;
    max-width: 100%;
}
}
@media only screen and (max-width: 354px) { 
#top #header_meta #menu-item-1093 > a,
#top #header_meta #menu-item-1094 > a {
    font-size: 20px !important;
}
}

After applying the css, please clear your browser cache and check and also see the expected results screenshot below.

Best regards,
Mike

Hi,
Thank you for your patience, the css above that you found contains a page ID that probably didn’t match your site, please try this css.

#top.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details {
    width: 48%;
}

#top.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details .col-1,
#top.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details .col-2 {
    float: none;
    width: 100%;
}

#top.woocommerce-checkout form.checkout.woocommerce-checkout #order_review, 
#top.woocommerce-checkout form.checkout.woocommerce-checkout #order_review_heading {
    clear: none;
    float: right;
    width: 48%;
}

This is the expected results:

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

Best regards,
Mike

Hi,
Glad to hear you were able to sort this out with the plugins, 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,
Very good, we will leave this thread open to hear back from you.

Best regards,
Mike

Hi,
The only time I saw the cookie message was when the “Enable cookie consent messages” was activated, isn’t this what you meant? Perhaps I misunderstood. With Polylang I believe you need to use the Strings Translations to change the text language, I don’t believe it’s going to change automatically because Polylang changed the language codes.

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

Hi,
I see that you are using PHP v8.0.10 on your server, please try downgrading to v7.x
and then clear your caches. You may also want to deactivate your other WooCommerce plugins before re-activating the main WooCommerce plugin.

Best regards,
Mike

Hey Paul,
Thanks for the feedback but I’m not seeing that your width is not 100% for landscape, but I do see that you have an un-closed media query rule at:

/*---START I-PAD-PRO-STYLES---*/

	@media only screen and (max-width: 1400px) {
		/* Add your iPAD-PRO Styles here */

this max-width: 1400px rule includes all of your other rules, so there is a good chance that if you are using Safari this is messing up the rest of your css.
I’m using Chrome on Windows which is a little more forgiving.
Try checking all of your css for other errors also, it may help to remove unused rules instead of commenting them out and removing extra comments.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your site, in order to replate the Header Layout: Logo left, Widgets right, menu below on your site I had to change your header widget function from ava_main_menu to ava_after_main_menu for the widgets to be placed in the correct place.

add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
dynamic_sidebar( 'header' );
}

and the order of this css needed to be 5, instead of 1

.responsive #top #header #header_main .inner-container .main_menu {
    order: 5;

now your header looks like the example, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad Rikard could 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,
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,
Thank you for your patience and the login to your site, I found that for your custom shortcode [polylang_cookie_message]
the language codes didn’t match your site, typically I would see en_US & de_DE as in your function but when I examined your site it was using en & de so I changed your function to this and nw it works correctly:

add_shortcode( 'polylang_cookie_message', 'avia_polylang_cookie_message' );
function avia_polylang_cookie_message() 
{
	$message = 'I agree to the terms and conditions laid out in the <a href="https://mywebsite.com/privacy/">Privacy Policy</a>';

    	$lang = pll_current_language('locale');
		switch ($lang)
		{
			case 'en':
			$message = 'I agree to the terms and conditions laid out in the <a href="https://mywebsite.com/privacy/">Privacy Policy</a>';
			break;
			case 'de':
			$message = 'Durch die Nutzung unserer Angebote erklären Sie sich mit dem Setzen von Cookies einverstanden. Mehr erfahren Sie in unserer <a href="https://mywebsite.com/datenschutz/">Datenschutzerklärung</a>.';
			break;
		}

	return $message;
}

It looks like your Polylang plugin allows you to manually set the language codes.

Best regards,
Mike

Hi,
Thanks for the feedback, in this example I have added media queries because I note that this is not needed for smaller devices before the boxed layout takes effect, and as the screen width becomes larger the percentage needs to change. So give this a try and if you notice a certain size that needs more percentage you can add it with a media query.

@media only screen and (min-width: 989px) and (max-width: 1460px) { 
#top.page-id-26118 #wrap_all #header {
	margin-left: -5% !important;
}
}
@media only screen and (min-width: 1461px) { 
#top.page-id-26118 #wrap_all #header {
	margin-left: -7% !important;
}
}

If you do find a certain size and your media query is not working as expected, then let us know so we can help.

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,
Glad Rikard could 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