Hi,

You should be able to use the get_the_taxonomies function to get all taxonomies associated with a post.

// https://developer.wordpress.org/reference/functions/get_the_taxonomies/

Try to replace the code with this one instead.

$taxonomies  = get_object_taxonomies( get_post_type( $the_id ) );
                $cats = '';
                $excluded_taxonomies = array_merge( get_taxonomies( array( 'public' => false ) ), array('post_tag','post_format') );
				$excluded_taxonomies = apply_filters( 'avf_exclude_taxonomies', $excluded_taxonomies, get_post_type( $the_id ), $the_id );

                if( ! empty( $taxonomies ) )
                {
                    foreach( $taxonomies as $taxonomy )
                    {
                        if( ! in_array( $taxonomy, $excluded_taxonomies ) )
                        {
                            $terms .= get_the_term_list( $the_id, $taxonomy, '', ', ', '' ) . ' ';
                        }
                    }

                    $output .= $terms;
                }

Best regards,
Ismael

Hi,

Thank you for the update.

Would you mind providing the link to the actual page where you need to display a different footer and the link of the other footer page? And post the login details in the private field so that we could test it properly. Please make sure that the Appearance > Editor panel is accessible.

Best regards,
Ismael

Hi,

Thank you for the info.

Are you using a plugin to create the page above, or did you create a custom template? The theme is not using the picture tag or element anywhere in its templates. However, in the page above the picture tag is used to display the featured image.

<picture class="wp-image-4017 avia-img-lazy-loading-not-4017 img-responsive responsive--full wp-post-image" title="Feature image">
// sources here
</picture>

Best regards,
Ismael

Hi,

@hacart: Please create a new thread and post the login detail in the private field so that we could check the issue properly. We will close this thread for now.

Best regards,
Ismael

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