Hi,

Thank you for the update.

The css code has been commented out and the other css media query has a missing curly brace. We corrected those and disabled the Performance > File Compression settings temporarily. It should work properly now.

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like the issue is quite random. Sometimes two or more of the slides fade smoothly but the other slide glitches, sometimes all slides are not transitioning correctly. We cannot find any pattern and we do not see any errors, so it is quite difficult to debug.

We created a duplicate of the home slider, remove the other slides and try to set the options but the issue still occurs. We created a record of the preview.

Recording: https://file.io/5F6fcKd8ALFY

As you can see one of the slide transitions smoothly while the other glitches.

Best regards,
Ismael

Hi,

Thank you for the update.

Since you are using a plugin to create or show the gallery, modifying the theme’s gallery.php file will not help. You have to contact the plugin authors and ask them where the wp_get_attachment_link function should be added.

Best regards,
Ismael

Hi,

Thank you for the clarification.

It seems to be working on the first link. Please check the screenshots below.

with one menu navigation: https://imgur.com/c67PfwG
with two menu navigation: https://imgur.com/xswMDka

The screenshots were taken right after placing the URL directly in the browser and on initial page load.

Best regards,
Ismael

Hi,

No problem. Please feel free to open another thread should you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the info.

Try to disable the columns’ hover effect, or use this css code to completely disable it across the site.

body .flex_column.avia-link-column.avia-link-column-hover:hover {
    opacity: 1;
}

Then add this css code to add the hover effect to the slider inside the column.

.avia-slideshow-inner .avia-slide-wrap {
    background: #000000;
}

.avia-slideshow-inner li div img {
    opacity: 1;
    transition: opacity 0.5s;
}

.avia-slideshow-inner li:hover div img {
    opacity: 0.5;
}

Best regards,
Ismael

Hi,

Thank you for the info.

For some reason, the style of the loading icon is missing from the site, so we added it manually in the Quick CSS field. The loader is now displaying properly when adding a product to the cart.

.avia_loading_icon {
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    display: none;
    z-index: 10000;
}

#top .avia_loading_icon .av-siteloader {
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
}

We also deactivated the Enfold > Performance > File Compression settings temporarily.

Best regards,
Ismael

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