Hey netzhautflimmern,

Thank you for the inquiry.

You can use this css code to adjust the breakpoint of the grid row cells.

 /* Grid Row Cells Breakpoint */
@media only screen and (max-width: 1500px) {

	.responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
		margin: 0;
		margin-bottom: 20px;
		width: 100%;
		display: block;
	  }

	.responsive #top #wrap_all .av-break-at-tablet-flextable, .responsive .av-layout-grid-container.av-break-at-tablet {
		display: block;	
	  }

	.responsive #top #wrap_all .av-flex-cells .no_margin{
		height:auto !important;
		overflow: hidden;
	  }

}

Best regards,
Ismael

Hi,

Thank you for the update.

How did you set the opacity of the columns? Please post the css code here so that we know which elements have been modified.

Best regards,
Ismael

Hi,

What you are trying do is possible but it would mean limiting the height of the inner container of the first cell. Unfortunately, you cannot manually set the height of the first cell because the Grid Layout element is a table element and with table elements, the height of cells are automatically inherited from the parent container or the adjacent cells.

To understand it better, you can try this css code.

.flex_cell.no_margin.av_one_fifth.avia-builder-el-4.el_before_av_cell_three_fifth.avia-builder-el-first.scrollbar .flex_cell_inner {
    height: 500px;
    overflow: scroll;
}

This should limit the height of the flex_cell_inner container and add a scrollbar to it, but there would be a huge white space or gap below it. You might want to replace the css selector above with a custom css class or ID. More info about custom css class is in the following documentation.

// https://kriesi.at/documentation/enfold/add-custom-css/

Doing this with Javascript is also possible but, unfortunately, that kind of modification is beyond the scope of support.

Best regards,
Ismael

Hi,

Thank you for the update.

We tried to dynamically load the script and append it to an element in the document, but this creates more issues than we expected and the campaigns do not show correctly. There might be a missing option somewhere in the mailchimp dashboard that prevents the script from working when not logged in.

Have you tried asking the mailchimp support regarding the issue? Is this working when a default theme (tt1 theme) is activated?

Best regards,
Ismael

Hey spooniverse,

Thank you for the inquiry.

This is not possible out of the box, unfortunately. You can only lock or unlock the Advance Layout Builder as a whole, but not any of the builder elements or shortcodes in it.

Best regards,
Ismael

Hey Eleina_Shinn,

Thank you for the inquiry.

Adding this css code should limit the width and height of the images inside the mega menu and align them correctly. We also added a 20px margin below the images to move the text downwards a bit.

#menu-item-71 .avia_mega5 .menu-item img {
    max-width: 240px;
    margin-bottom: 20px;
}

Let us know if that helps.

Best regards,
Ismael

Hi,

Thank you for following up.

The Masonry Gallery element does not have filters, unfortunately, but the Portfolio Grid element does. You can also set the grid items to open a lightbox instead of the actual portfolio item page.

Best regards,
Ismael

Hey psipi,

Thank you for the inquiry.

We check the site but we do not see the issue that you described above. Would you mind providing a screenshot of the issue? This is how the site looks on our end.

Screenshot: https://imgur.com/S4OtQYl

Best regards,
Ismael

Hi,

Do you have access to the site contained inside the iframe? We might be able to send data, such as the height of the content container, from the iframe site (site inside the iframe) to the main site (the one using Enfold) using a script and apply that same height value to the iframe in the main site. This is possible but will require modifications on both site.

In the iframe site, you can add this script in any .js or javascript file.

window.addEventListener('DOMContentLoaded', (event) => {
    const main = document.querySelector(".beeldverhaal");
	window.postMessage(main.offsetHeight, 'https://oudlisse.nl/');
});

And in the site using the Enfold theme, add this code in the functions.php file.

// a custom script
// apply iframe height
function ava_custom_script_mod_iframe_height() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', '
		window.addEventListener("message", event => {
			console.log(event.origin.startsWith);
			if (event.origin.startsWith("https://data.oudlisse.nl/")) { 
				const iframe = document.querySelector("iframe");
				iframe.style.height = event.data;  
			} 
		}); 
	');
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod_iframe_height', 9999);

Best regards,
Ismael

Hi,

You are very welcome! Please feel free to open another ticket if you need anything else.

Have a nice day.

Best regards,
Ismael

Hey tonyiatridis,

Thank you for the inquiry.

You can remove the social icons inside the main header with this css code.

#header_main .social_bookmarks {
    display: none !important;
}

Or just use this css code to only show the social icons in the top bar.

#header_meta .social_bookmarks {
    display: block !important;
}

Please do not forget to place the css rules above inside the css media query.

Best regards,
Ismael

Hi,

Thank you for following up.

There is actually a macos folder included the font zip file. What happens when you remove that folder?

Why do you need woff? TTF format is fully supported by major browsers except IE11. But it does not matter because WordPress no longer supports the browser (IE11).

Best regards,
Ismael

Hey nadinedomnink,

Thank you for the inquiry.

Unfortunately, the content analysis tool of most SEO plugins are not compatible with the advance layout builder, but your SEOs if done correctly, should not be affected by this. Search engines should still crawl the site as it actually is and be able to properly read the content (images, text, descriptions, headings etc) in the front end.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We are able to properly checkout using Stripe’s default credit card number, which is use for testing. Please check the screenshot below.

Screenshot: https://imgur.com/3iKkaIB

Best regards,
Ismael

Hey nonononotch,

Thank you for the inquiry.

There is no option for this yet, but you can use the following filter to assign a different footer page for specific page or pages.

add_filter("avf_custom_page_id", function($page_id, $which, $template) {
	if($which == "footer_page") {
		if(is_page(3255)) {
			$page_id = 3548;
		}
	}
	return $page_id;
}, 10, 3);

The code above checks if the current page has the ID 3255, and if it is, then show the page with the ID 3548 as footer.

Best regards,
Ismael