Hi,

You may need to select the original version of the image or the full-sized version. Items in the masonry gallery element display a thumbnail called masonry by default, which has become a static image without the animation after uploading. To adjust the image size, you can edit the enfold/config-templatebuilder/avia-shortcodes/av-helper-masonry.php, go to line 726 and replace “masonry” with “full”.

$img_size = 'masonry';

However, please note that selecting a different thumbnail size for the masonry gallery may affect its layout or the masonry size settings.

Best regards,
Ismael

Hey appixag,

Thank you for the inquiry.

This is possible but you have to modify the enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.php directly. Look for this code around line 1159.

//get all categories that are actually listed on the page
			$categories = get_categories( array(
								'taxonomy'		=> $params['taxonomy'],
								'hide_empty'	=> 0
							) );

The get_categories function accepts more arguments including a parameter to change the order of the terms or categories.

// https://developer.wordpress.org/reference/classes/wp_term_query/__construct/

Best regards,
Ismael

Hi!

Sorry for the delay. To make it work on tablet screens, please adjust the css media query or look for this line.

@media only screen and (max-width: 767px) {

Replace 767px with 989px.

Regards,
Ismael

Hi,

No problem. Glad we could be of help. Please feel free to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

An administrator account would be nice. We may need to edit the page, add css in the Quick CSS field or the style.css file and adjust the theme options.

Best regards,
Ismael

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