Hi,

Thank you for following up.

The burger menu is above the logo, covering it. You can move it to the right with this css code.

@media only screen and (max-width: 767px) {
    #header {
        height: 88px!important;
        min-height: 88px !important;
        width: 100% !important;
    }
}

If the css media query above already exists, you can just omit it and move the above css rule inside the existing media query. And to adjust the padding and adjust the color of the burger menu items, add this css code.

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
    color: gray;
}

ul#av-burger-menu-ul {
    padding: 20px 0 !important;
}

The color of the “x” button also needs a bit of adjusting.

span.av-hamburger.av-hamburger--spin.av-js-hamburger.av-inserted-main-menu.is-active span.av-hamburger-inner, span.av-hamburger.av-hamburger--spin.av-js-hamburger.av-inserted-main-menu.is-active span.av-hamburger-inner:before, span.av-hamburger.av-hamburger--spin.av-js-hamburger.av-inserted-main-menu.is-active span.av-hamburger-inner:after {
    background-color: gray !important;
}

You should move these css rules inside the css media query above.

Best regards,
Ismael

Hi,

Thank you for the update.

Yes, my bad. I just realized how pointless the solution above is. Please edit the enfold/includes/helper-privacy.php file and look for this code around line 131.

add_action( 'wp_head', array( $this, 'handler_wp_head_script' ), 1 );

Comment it out or remove it completely, then add this code below.

add_action( 'wp_footer', array( $this, 'handler_wp_head_script' ), 1 );

Best regards,
Ismael

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