Hi,
The portfolio items element is found at \wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\portfolio\portfolio.php & portfolio.js but that is only for the inner items the page template is found at \wp-content\themes\enfold\archive.php but that is the template for all archive page types. To remove the archive sidebar please see the theme options > sidebar settings:

To modify the lightbox popup you would write some css to target the image with the class .mfp-img with either height or width like this:

img.mfp-img {
  width: 80vw !important;
}

but please note that it is possible to distort the image so you may want to balance the height and width, and you probably will not want to go 100% width because closing the image is often done by cliking away from the image so you will want to leave a edge.

Best regards,
Mike

Hi,
Thank you for the feedback, I did some further testing with gridrows, which are full-width elements, and found that any element that you add between the gridrows creates the div with an ID after_submenu_x, such as the text element and special heading element.
So while the div ID could or should be after_grid_x the div must be present because it is the container_wrap after a fullwidth element, each div after a fullwidth element is structured like this: container_wrap > container > content > etc.

for these the default 50px padding is typically desired so the elements are not on top of each other, if you try a text element or special heading element after a fullwidth element you will see that it is natural to the Enfold layout. So I would not say that this is a bug, but I can see with the Whitespace Separator element this may not be desired because the Whitespace Separator itself is typically used to create a certain space, this is may not true for all Separators because some are used to show a line such as the Short Separator.
So with changing this the issue is that with css there are no parent selectors for child elements, what I mean is that is to look backwards from the Whitespace Separator to the .content class to remove the padding universally across the site would need to be done with javascript. The reason I was able to do it with css above was because I looked for a unique pattern to your situation and recommended using page IDs so not to cause conflicts, basically a custom solution.
As I pointed out above, a solution that would probably be more commonly suggested would be to add a custom class to the Whitespace Separator element for use after full-width elements to remove the padding.
I will submit this to the Dev Team for further review and reply when I hear from them, but for now I recommend that you use the solution above as it seems to be working for you. Let us know if you have any issues getting the solution to work for you on other pages and we will help.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Thanks for your feedback, I don’t do website optimization for a living, and it is a little out of scope for us, I had to look up “LCP” so with “LCP to be <2.5s and CLS <.1" I'm not sure what you are trying to say, but from the web page performance test you are looking better than most 7s sites that I see. I will have to leave the optimization & SEO to someone more knowledgeable.
As for the CSS, the changes I made were in the Quick CSS only, sorry about moving the banner I thought I was helping, I changed the top & height for the class .background-strap

for the logo it was this:

.av_minimal_header #header_main {
    height: 145px;
}

I believe it was 134px before, but the bottom of the buckle didn’t show, you could copy the Quick CSS from your live site to reset your dev site. As for sharing images you can use most any image host, I use this one, and then post the html link into your post.
Also for your hero image, it seems that the only layer to the slider is a button, so that seems like a lot of weight, instead, you could just use the image with the button embedded, so it is all one image, and then link the whole image. This would same you from using the layerslider, I would still make two images for desktop and mobile but that would still be much smaller.

Best regards,
Mike

Hi,
Thank you for your patience and thanks for the link to your site and login, when I checked your site on a Windows desktop there were a few css header, main menu, slider alignment issues, some of which were discussed above, I made a few adjustments in your Quick CSS to correct these, please see the screenshot in the Private Content area.
But it seems that your main concern is a LCP Issue which is that your decktop site is taking longer Than 4s to load, correct?
When I run a web page performance test on your dev site the longest test out of 3 tests is 3.2s, your avg is 2.7s and I don’t see that the slider image is loading last, it is #34 in the test

so I’m not sure what you are worried about, I don’t believe you are in any kind of Google jail, there are many SEO people that will say crazy things, try to not let them get into your head, your customers do not care what your SEO score is, they want to see your product. I hope this helps.

Best regards,
Mike

Hi,
Thank you for your patience but as I understand your request this can be done with an added custom script, basically, you will need to add all of the elements to your page and the script will hide some of the elements on page load, then when your button is clicked the script will show the hidden elements. Please see this post for a detailed example.
If you need further help to achieve this on your site then please create a test page on your site and create a new thread and include a recap, and a WordPress admin access in the Private Content area. Since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area.
You can post a link to your new thread here so I can find it easier.

Best regards,
Mike

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.

For your information, you can take a look at Enfold documentation here

Best regards,
Mike

Hey Reut Rachel,
Thank you for your patience and the links and the screenshots, I have reviewed your menu at many different screen sizes and recommend this css to correct it, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (min-width: 1440px) { 
	.av-main-nav-wrap {
		transform: unset;
    	left: unset;
		float: unset;
		justify-content: center;
    	display: flex;
	}
	#header .main_menu {
    transform: unset;
    left: unset;    
    width: 104% !important;
    
	}
	.logo, .logo a {
    height: 100px !important;
	}
	#header .logo img {
    max-width: 100px !important;
	}
}

After applying the css, please clear your browser cache and check. Please see the screenshot in the Private Content area.
I note that your logo is not transparent so it has a square white edge at higher screen sizes, I recommend correcting to a transparent logo edge.

Best regards,
Mike

Hi,
Thank you for your patience, but your content seems to be showing, can you include a login so we can look closer?
I noticed that you have this error showing in the browser console, perhaps try disabling the siteground-optimizer plugin
Uncaught SyntaxError: Unexpected token ‘!’ siteground-optimizer…eff09198bc46.js:242

Best regards,
Mike

Hey mclweb,
Thank you for your patience and link to your page I saw this warning with Chrome, it is from your “Popup Maker” plugin when my ad blocker is active, please check the plugin settings or disable the plugin.

Best regards,
Mike

Hey Wouter,
Thank you for your patience and the link to your screenshot so the place you are adding the background image is in the overlay itself, meaning it will cover your content. Typically the overlay is a color with opacity so the content can still be seen under it, the option for a “Custom Pattern”, which you have added an image to, is typically used for a transparent png block that adds a “pattern” to the overlay.
So to achieve the background image that you want please add your image to the color section “Background Image” and make your alignment selections.

Then for the overlay only choose your transparent color.

Best regards,
Mike

Hey missouriartscouncil,
Thank you for your patience and the link to your page, in this situation the whitespace separators are also getting a 50px top & bottom padding, we can remove this with this css for this one page by adding this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.page-id-21587 [id^='after_submenu_'] > .container > .content {
	padding: 0;
}

If you would like to use this for other pages please adjust the page ID in the css page-id-21587
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
When I check today your Mixed Content error is not showing and the font is now the same for mobile & desktop, please clear your browser cache and check.

Best regards,
Mike

Hey Francisco,
Thank you for your patience and the screenshot from which I checked your site and found that 18 of your fonts are getting the Mixed Content error:
Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure font '<URL>'. This request has been blocked; the content must be served over HTTPS. this is because the page is https but the link to the font is http, these look like custom fonts so I assume you know where they are added and can adjust the url to https. Please try this and clear all caching and this should correct. Please see the screenshot in the Private Content area.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike