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

Hey Rami Madgar Laor,
Thank you for the link to your site, I see that you are using Enfold v4.2.5 with WordPress v5.8.1
you will need to update your Enfold version for it to work correctly with WordPress 5+
Please also note that you will have to manually update this version via FTP because Envato changed its licensing from the API to the Token system since your version. So please manually download your update from your Theme Forest account.

Best regards,
Mike

Hey melanie_erfrischt,
Thank you for the link to your site, unfortunately, many PDF plugins have trouble with our Advanced Layout Builder elements because they try to create a print from the page source and don’t render the page first. I tested the PDF & Print by BestWebSoft plugin and found it works well with Classic Editor posts, but for it to work with Advanced Layout Builder posts you can check the option Full Page Capture to PDF

this option takes a screenshot of the entire page and generates a PDF file from it, so the header and some other elements might show in the PDF but it allows the free version to work for you. Please see the demo links below.
This was the only plugin I tried, so you could try more plugins and see if they have a similar option, it would be best if a plugin allowed you to exclude classes from the print, then you could remover the header and other elements you don’t want.

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 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 and you were able to complete your update.
Please ensure that via your cPanel you have deleted the theme directory /enfold/ inside /wp-content/themes/ and then uploaded the new one.
You will note that the instructions for re-installing via FTP says this and you should do the same for cPanel.
My concern is that you are going from v4.5.1 to v4.8.6.2 and if you only overrite the files some old ones may be left behind an cause some errors.

Best regards,
Mike

Hi,
Glad Guenni007 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,
Glad to hear, I had not tested on mobile because I was not sure if you would like this, please try this css instead for all sizes:

@media only screen and (max-width: 767px) { 
	#top.postid-3431 .avia-tooltip.avia-tt {
	top: 370px !important;
    left: 30% !important;
    background-color: transparent !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	#top.postid-3431 .avia-tooltip.avia-tt {
	top: 370px !important;
    left: 26% !important;
    background-color: transparent !important;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) { 
	#top.postid-3431 .avia-tooltip.avia-tt {
	top: 475px !important;
    left: 29% !important;
    background-color: transparent !important;
}
}
@media only screen and (min-width: 1440px) { 
	#top.postid-3431 .avia-tooltip.avia-tt {
	top: 675px !important;
    left: 31% !important;
    background-color: transparent !important;
}
}

feel free to fine-tune for certain sizes if you wish and after applying the css, please clear your browser cache and check.

Best regards,
Mike