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

Hi,
Please add this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media screen and (max-width: 767px) {
#top > #wrap_all, #footer-bg > div {
    width: 100% !important;
    max-width: 100% !important;
}
}

After applying the css, please clear your browser cache and check.
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

Hey matteomelli,
Thanks for the link to your site but I don’t see a Typography -> Font dimension option in the right sidebar in either the Block Editor nor the Classic Editor, perhaps this is a plugin addon?

To change the text size of a textblock element the option is under the styling tab:

Perhaps there is something else that is overriding your font size so if you could explain the exact block of text you are having an issue with and perhaps a screenshot of how you are trying to change it we could understand better.

Best regards,
Mike

Hi,
Please try this css:

#chart_div tr,
#chart_div table {
	background: transparent;
}

Best regards,
Mike

Hi,
Thank you for your patience and for the login, I removed the script that @Yigit had added so I could test and I made a duplicate of your product, it seems that the manually added Product Purchase Button causes this with the first following product slider, if the Product Purchase Button is removed or if it is placed at the after the product sliders this doesn’t occur.
On the duplicate product page linked below I removed all other elements one at a time, and placed the Product Purchase Button in between two product sliders to demonstrate this.
But I’m not able to reproduce this on a new install with Enfold and WooCommerce by copying your page shortcode to it, or by manually trying to recreate, in this screenshot you will the product slider doesn’t break, please note the products are from our Shop demo so they are different from yours but the page elements and layout is yours:

So I don’t believe this is caused by the theme, perhaps it’s from one of your 28 plugins, you could investigate further by disabling them one at a time to find the one causing the error, or if you could use @Yigit’s solution above.

Best regards,
Mike

Hi,
Thank you for the video, I tried to take a look at your test site but Enfold is not activated, can you please activate it.

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

Hey Dzimnikov,
Thank you for the link to your site, I checked your orange slider button on the second slide in Chrome, Firefox, & Edge on Windows 10 desktop and the text looks centered to me.

the emails also seem centered on large mobile (425px)

but on small mobile the text goes off the screen as you said, you could use word-break, but since it an email I believe it would be better to reduce the font size:

@media only screen and (max-width: 420px) { 
	#top #main #homeamenities h4 {
		 font-size: 18px !important;
	}
}

I would also recommend reducing your font size for the slider elements on mobile, but try using the layerslider custom css field for the slider elements.
For the cart button try this css:

.html_visible_cart #header_main .cart_dropdown {
    right: 20px;
}

The login to your site didn’t work for me, but to sort your products on the shop page try going to Customizer → WooCommerce → Product Catalog and sort by most recent:

Best regards,
Mike