Hi,
Thanks for the login, I found that you had Enfold Theme Options ▸ Performance ▸ Disable jQuery Migrate enabled, I disabled it for you now you don’t have the jQuery error. I also made some minor adjustments to the script, please clear your browser cache and check.

Best regards,
Mike

Hi,
Try this css:

.responsive #top #homepage-banner > .container {
	max-width: 100%;
	padding: 0;
}
#homepage-banner .av_two_third .avia-image-container-inner,
#homepage-banner .av_two_third .avia-image-container-inner img {
	width: 100%;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Intercettazioni,
Thanks for the links to your pages, but it doesn’t look like Enfold is activated and while you mention about photos we should see to understand the issues, I don’t see these photos.
Your site seems to be using the plugins elementor and VC composer, these are not compatible with Enfold, which uses it’s own built-in page builder.
There is not an easy way to convert these page builders the Enfold Advanced Layout Builder (ALB).
I recommend creating a clean WordPress install with only Enfold installed and then create your site, we can help with many customizations with our elements, but there may be some situations were there won’t be a one for one replacement for a elementor or VC composer element.

Best regards,
Mike

Hi,
Thanks for the feedback and for the video, I checked our demo page that you showed in the video in Windows in Chrome, Firefox, & Edge and I couldn’t see this.
I can barely see it in your video, are you using any browser extensions have you checked if your browser can be updated?
In the video of your site it is easier to see, but I can’t see your site live, I just get a 404 error, I see that you say it’s served on a localhost, will you be moving it to a live web server soon so we can see 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

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,
Please link to your site so we can examine the elements.
Perhaps a mockup of what you would like to see would also be helpful.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #main .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
margin-right: 12px;
margin-bottom: 12px;
}

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

Best regards,
Mike

Hi,
To specify your css for white titles on your homepage to work only on your homepage please change this css:

#top #wrap_all .all_colors .av-masonry-entry-title {
    color: white;
    font-size: 30px;
    line-height: 1;
}

to this, note the page ID “home” is added:

#top.home #wrap_all .all_colors .av-masonry-entry-title {
    color: white;
    font-size: 30px;
    line-height: 1;
}

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

Best regards,
Mike

Hi,
Glad Rikard could help, unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Glad to see that this seems to be sorted out, if you see this issue again I recommend disabling and clearing your Cloudflare CDN.

Best regards,
Mike

Hey stepheng,
Thank you for the link to your site, but it looks like you have sorted it out, please see the screenshot in the Private Content area of what I see on mobile.
Unless you mean a different element.

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,
In the special heading element when you add a margin it is added to the element that wraps the H1 tag av-special-heading it doesn’t add or remove a margin from the H1 tag itself. Your custom margin for the H1 tag adds the margin to the H1 inside the special heading element.
I hope this explains better.

Best regards,
Mike

Hey enfold,
Thanks for the link to your site, it looks like you are using some custom css, try changing this:

#top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
    line-height: 25px;
    border-radius: 1px;
}

to this:

#top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
    line-height: 2px;
    border-radius: 1px;
}

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

Best regards,
Mike