Hi,

@edgeofcinema it looks like you were able to sort it out with @Guenni007’s advice, thanks Guenni007
Unless there is anything else we can assist with on this issue, shall we close this then?

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,
Thanks for the login to your site, first I moved your two columns into a color section and gave it a custom ID homepage-banner then I gave your green box a custom class green-box the in the first column with the image in the Row Layout field I choose No Space Between Columns so the green box column would be right next to the image column.
Then I added this css to your Quick CSS to vertically center your green box column and overlay it on the image column:

#homepage-banner + #after_section_1.container_wrap {
	 border-top-style: none;
}
#homepage-banner main.content {
	 padding: 0;
}
#homepage-banner .entry-content-wrapper {
	display: flex;
    align-items: center;
}
#homepage-banner .green-box {
	left: -5vw;
    z-index: 1;
}

I also removed the padding from the special heading EQUIPPING CLASSES below the two columns because it seemed like too much.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Try this css

 #top:not(.logged-in) #menu-item-4002 {
 	display: none;
 }

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

Best regards,
Mike

Hi,
The top margin is added by your custom css:

h1{
	margin-top: 20px !important;
}

Best regards,
Mike

Hi,
Thanks for the link to your site, the word “Search” is already included, it’s just hidden, please try this css instead of yours:

#top #menu-item-search .avia_hidden_link_text {
	display: inline-block;
}

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

Best regards,
Mike

Hey rosiet5,
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.

Best regards,
Mike

Hi,
Glad Yigit could help point you in the right direction, if you have any further questions please create a new thread since this is not your thread you will not see anything we write in the Private Content area.
Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad Ismael 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,
I guess I didn’t understand your question originally, do you want it to look like the blue section AGES 6+ / GRADES 2-5?
Try this css:

#top.page-id-38256 #av_section_1 h1.av-special-heading-tag {
    margin: 0 !important;
}
#top.page-id-38256 #av_section_1 .av-special-heading-h1 {
	 text-align: center;
}

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

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 that this helped and it looks like you were able to reproduce it for the other columns.
The css I added in the code block was just for testing, please move to the Quick CSS.
I see that you found the equal height option in the column.
Unless there is anything else we can assist with on this issue, shall we close this then?

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,
Thanks for the login I hope you don’t mind that I tinkered a little on the last column.
I removed the theme settings for the column and image, moved the text element into the column under the image and added the custom class class-padding to add padding around the text, then I added the custom class class-column to the column for the box shadow then in a code block at the bottom of the page I added this css:

.class-padding {
	padding: 0 20px;
}
.class-column {
	box-shadow: 0 8px 8px #e3e3e3; 
}

just as a temp example, I believe this looks very close to your example page, please check.

Best regards,
Mike

Hi,
The Dev Team has replied that this seems to be an issue in Windows 10 in Chrome & Edge. Firefox on Windows 10 works correctly and Windows 11 & Safari, Chrome, and Firefox work correctly on Mac. So if you are using Windows 10 try using Firefox.
Hopefully, a future update of Chrome & Edge will include a fix.

Best regards,
Mike