Hey Christopher,
Thanks for the link to your page, as I can’t log in I can’t tell how the element will look when the link is added for the admin, but this css should correct the extra space for everyone else:

.simcal-events .simcal-event-details p {
    margin: 0;
}

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

Best regards,
Mike

Hi,
I assume you want the mobile header height 45px, try this css:

@media only screen and (max-width: 767px) { 
	.responsive.avia_mobile #top #wrap_all #header *:not(nav *) {
		height: 45px !important;
	} 
	.responsive.avia_mobile #top #wrap_all #header .avia-menu {
		top: -16px;
	}
}

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

Best regards,
Mike

Hi,
Thanks for your patience, in my tests I disabled the above css and found that the extra space is not margin or padding:

it seems to be the position of the element below, for example on first page load in incognito mode you see the top: 745.766px;

but on reload it’s top: 738.5px;

I tried disabling all of your plugins and child theme, but the only thing that seems to change this is when I disabled your footer page and used the default footer.
I’m not sure why this would correct the issue but I ask that you also test this and see if you get the same result.
Thinking that this might be a new issue I tried to recreate this on my test site with a footer page vs a default footer but I was not able to.

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 Axel,
Please try disabling all of your plugins and caching and then clear your browser cache. Then enable your plugins one at a time and test your site, clearing your browser cache after each test until you find the one or combination of plugins causing this to identify this cause.
If this doesn’t help please log in to the support forum and open a new thread with the url to the page in question and an admin login so we can be of more assistance.
Using the contact form is not appropriate for support questions, thank you for your understanding and for using Enfold.

Best regards,
Mike

Hi,
If you are going to use the grid row multiple times on the same page try this css instead

#main .av-layout-grid-container {
	max-width: 1130px;
    margin: auto;
}

To remove the top and bottom padding to have the grid rows closer together try this css:

#main .av-layout-grid-container .flex_cell {
	padding: 0 30px;
}

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

Best regards,
Mike

Hi,
Thanks for the feedback, you would put this css in the Enfold Theme Options ▸ General Styling ▸ Quick CSS field, not in the custom class field.
But the above css is using the default element classes, I recommend adding a custom class to the text element custom class field, such as more-padding and then use this css:

.flex_cell .more-padding {
	padding: 50px;
    padding-top: 20px;
}

then you can use it in multiple text elements on multiple pages.

Best regards,
Mike

Hi,
Thank you for the link to your site but you only gave a password for a login and no username, please include a username so we can check.

Best regards,
Mike

Hi,
Thanks for the link to your page, as I understand the issue on mobile the 3 grid row cells with only background images for the columns Communicate, Reach, & Convert
are very small and don’t show the full background image, this is because background images don’t have a height to add to the element.
Try adding a separator/whitespace element to the empty cells with the background image and set a height you wish for mobile.

Best regards,
Mike

Hey schweg33,
Thanks for the link to your page, I see a grid row with 5 1/5 cells, but only the first two have content.
I’m not sure what you wish to achieve, please explain further.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your site, I compared the footers of your event calendar page and a single event page, by emulating a mobile and tablet because I don’t have an actual iPad, but I’m not sure which element should have the wrong font or color, please include a screenshot and paste the image URL in your post of the error so we can try to investigate.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hey James,
Thanks for the link to your page, please try this css:

.mejs-container .mejs-controls {
	opacity: 0;
}
.mejs-container:hover .mejs-controls {
	opacity: 1;
}

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

Best regards,
Mike

Hey Diana,
Thanks for the link to your page, it looks like the WordPress Block Editor css is adding 1em of bottom margin to figure elements, to correct please try this css:

.av-masonry-gallery figure.av-inner-masonry {
	margin: 0;
}

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

Best regards,
Mike

Hey Diana,
Thank you for your patience and the link to your site, please try this css:

#top #accordion_slider_1 .aviaccordion-slide-link,
#top #accordion_slider_1 .aviaccordion-inner, 
#top #accordion_slider_1 .aviaccordion-slide {
    width: 107.4% !important;
 }

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

Best regards,
Mike

Hey andreas_anselm,
Thank you for your patience, I see that your first image is the only full-size image, please check your other images as you seem to have picked the 300px size for them.
If you are not able to change their size please include an admin login in the Private Content area so we can help.

Best regards,
Mike