Forum Replies Created

Viewing 30 posts - 13,411 through 13,440 (of 67,482 total)
  • Author
    Posts
  • Hi,

    My bad. There is a missing selector in the previous css code. We adjusted it a bit.

    .av-tab-section-outer-container, #wrap_all, html.responsive, html.responsive body, #main, .av-tab-section-container {
        overflow: visible !important;
    }
    
    .av-tab-section-tab-title-container.avia-tab-title-padding-default {
        position: sticky;
        top: 0;
        z-index: 1000;
    }
    
    

    Result after adding the css code via browser inspector.

    // https://postimg.cc/ykDY8Kv7

    Best regards,
    Ismael

    in reply to: Font glitch #1321024

    Hi,

    Thank you for the update.

    Where can we see the issue? Please provide the site URL in the private field so that we can check it. You may have to disable the Enfold > Performance > File Compression settings temporarily.

    Best regards,
    Ismael

    in reply to: Magazine filter and permalinks #1321023

    Hi,

    Unfortunately, you will not be able to override this in the child theme without editing the shortcode file directly. You have to add the following snippet in the functions.php file to create a new shortcode path in the child theme, copy the magazine.php file and modify the script path in the extra_assets function.

    // https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb

    To convert the %20 characters to a hyphen, try to replace the previous code using the following snippet.

    window.location.hash = decodeURI(current[0].outerText).toLowerCase().replace("%20", "-");
    

    Best regards,
    Ismael

    in reply to: Tab-Section: all tabs closed #1321021

    Hey emilconsor,

    Thank you for the inquiry.

    You will have to directly modify the enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.php file. Look for this code around line 567.

    	/**
    				 * Bugfix: Set no-scroll to avoid auto smooth scroll when initialising tab section and multiple tab sections are on a page - removed in js.
    				 */
    				$active_tab = $i == $atts['initial'] ? 'av-active-tab-title no-scroll' : '';
    

    Above it, add this code to set the initial tab to zero.

    $atts['initial'] = 0;
    

    Best regards,
    Ismael

    in reply to: ACF Groups Showing In Masonry Element #1321018

    Hey philthebass,

    Thank you for the inquiry.

    You may need to use the avia_masonry_entries_query filter instead of the previous one. Please try this code.

    
    function avia_masonry_entries_query_mod($query, $params) {	
        foreach($query['post_type'] as $key => $value) {
            if( $value == 'acf-field-group' ) {
                unset($query['post_type'][$key]);
            }      
        }
    
        return $query;
    }
    add_filter('avia_masonry_entries_query', 'avia_masonry_entries_query_mod', 10, 2);
    

    Best regards,
    Ismael

    in reply to: portfolio side navigation issue, link color problem #1321017

    Hey Munford,

    Thank you for the inquiry.

    Are you trying to adjust the order of the items in the post navigation to be the same as in the grid? Please note that the posts or items in the navigation are sorted by published date regardless of their categories. It is using the get_adjacent_post function by default.

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

    We can use the get_{$adjacent}_post_sort filter to adjust the query if necessary.

    Best regards,
    Ismael

    in reply to: Copyright option for images including HTML #1321015

    Hi!

    A filter for the copyright content will be added in the next patch according to the our developer. You will be able to use the filter in the functions.php file instead of directly modifying the shortcode file. For now, please keep the modification until the next theme update.

    Thank you for your patience.

    Cheers!
    Ismael

    in reply to: Fixing incorrect behaviour of masonry sorting function #1320887

    Hi,

    We noticed that the following css code is causing the issue.

    .av-masonry-entry {
        visibility: visible !important;
        opacity: 1 !important;
    }
    

    The masonry sorting works fine when it is disabled. We removed the css code temporarily from the Quick CSS field.

    Thank you for your patience.

    Best regards,
    Ismael

    in reply to: Anchor Points don'w work when direct link is given #1320884

    Hi!

    Thanks for the update.

    Is it working correctly when you temporarily remove the hidden sections (home, top)?

    Adding the following css code might help.

    .responsive.av-no-preview #top #wrap_all .av-desktop-hide, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden {
    	height: 0 !important;
    }
    

    Please do not forget to toggle or temporarily disable the Performance > File Compression settings after adding the css code.

    Cheers!
    Ismael

    in reply to: Google Maps not showing on mobile #1320881

    Hi,

    Great! Glad to know that it is working correctly now. Please do not hesitate to open another thread if you need anything else. We will close this one for now.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Problem with VIDEO in Fullwidth easy slider #1320880

    Hey Vlad-im-ir,

    Thank you for the inquiry.

    This issue has been fixed in the latest version of the theme. Please upgrade the theme from version 4.7 to 4.8.6.1, then toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards. Let us know if that helps.

    Best regards,
    Ismael

    Hi,

    Yes, you can turn on the file compression back now. We did not really need to disable them in this case, but it was just suggested just to make sure that the scripts and stylesheets are updated.

    Best regards,
    Ismael

    in reply to: Page Title and Beadcrumbs overlap in Title Bar #1320878

    Hey smiley789654123,

    Thank you for the inquiry.

    We can use the avf_title_args filter in the functions.php to limit the character length of the page title.

    function avf_title_args_mod($args, $id)
    {
        $args['title'] = avia_backend_truncate( $args['title'], 20, ' ', '...', true, '', true ) ;
        return $args;
    }
    add_filter('avf_title_args', 'avf_title_args_mod', 10, 2);
    

    This should limit the number of characters in the title to 20.

    Best regards,
    Ismael

    in reply to: two columns in Checkout #1320853

    Hey brunet77,

    Thank you for the inquiry.

    That layout should be possible but it is not available in the theme by default. You may have to look for another shop extension that offers the same functionality. Or hire a freelance developer to modify the default cart page.

    Best regards,
    Ismael

    in reply to: Elementor Conflict Darstellungsbereich #1320852

    Hey Tobias,

    Thank you for the inquiry.

    The theme has its own advance layout builder, so using another builder from a different plugin is not necessary. Using a different builder could also cause layout issues because of missing template files. Unfortunately, we do not provide support for third party plugins as stated on our support policy. You may need to contact the plugins authors for additional assistance.

    Best regards,
    Ismael

    in reply to: Mobile Menu Fade Removal #1320851

    Hey getfletch,

    Thank you for the inquiry.

    You have to modify the enfold/js/avia-snippet-hamburger-menu.js file, look for this code around line 455.

    if(burger.is(".is-active"))
    			{
    				burger.removeAttr("aria-expanded");
    				burger.removeClass("is-active");
    				htmlEL.removeClass("av-burger-overlay-active-delayed");
    
    				overlay.animate({opacity:0}, function()
    	    		{
    	    			overlay.css({display:'none'});
    					htmlEL.removeClass("av-burger-overlay-active");
    					animating = false;
    	    		});
    
     			}
    			else
    			{
    				set_list_container_height();
    
    				var offsetTop = header_main.length ? header_main.outerHeight() + header_main.position().top : header.outerHeight() + header.position().top;
    
    				overlay.appendTo($(e.target).parents('.avia-menu'));
    
    				burger_ul.css({padding:( offsetTop ) + "px 0px"});
    
    				first_level.removeClass('av-active-burger-items');
    
    				burger.addClass("is-active");
    				htmlEL.addClass("av-burger-overlay-active");
    				overlay.css({display:'block'}).animate({opacity:1}, function()
    				{ 
    					animating = false; 
    				});
    
    				setTimeout(function()
    				{
    					htmlEL.addClass("av-burger-overlay-active-delayed");
    
    				}, 100);
    
    				first_level.each(function(i)
    				{
    					var _self = $(this);
    					setTimeout(function()
    					{
    						_self.addClass('av-active-burger-items');	
    					}, (i + 1) * 125);
    				});
    
    			}
    

    Just remove the animate function and replace it with css.

    if(burger.is(".is-active"))
    			{
    				burger.removeAttr("aria-expanded");
    				burger.removeClass("is-active");
    				htmlEL.removeClass("av-burger-overlay-active-delayed");
    
    				overlay.css("opacity", function() {
    					overlay.css({display:'none'});
    					htmlEL.removeClass("av-burger-overlay-active");
    					animating = false;
    					return 0;
    				});
    
     			}
    			else
    			{
    				set_list_container_height();
    
    				var offsetTop = header_main.length ? header_main.outerHeight() + header_main.position().top : header.outerHeight() + header.position().top;
    
    				overlay.appendTo($(e.target).parents('.avia-menu'));
    
    				burger_ul.css({padding:( offsetTop ) + "px 0px"});
    
    				first_level.removeClass('av-active-burger-items');
    
    				burger.addClass("is-active");
    				htmlEL.addClass("av-burger-overlay-active");
    				overlay.css({display:'block'});
    				overlay.css("opacity", function() {
    					animating = false; 
    					return 1;
    				});
    
    				setTimeout(function()
    				{
    					htmlEL.addClass("av-burger-overlay-active-delayed");
    
    				}, 100);
    
    				first_level.each(function(i)
    				{
    					var _self = $(this);
    					setTimeout(function()
    					{
    						_self.addClass('av-active-burger-items');	
    					}, (i + 1) * 125);
    				});
    
    			}
    

    Best regards,
    Ismael

    in reply to: Two Different Sidebar Navigations #1320850

    Hey aaronpc,

    Thank you for the inquiry.

    Are you using a multilingual or translation plugin such as WPML or Polylang? These plugins have a sync menu option, which allows you to display different set of menu for each language or translate the original menu.

    // https://wpml.org/documentation/getting-started-guide/translating-menus/
    // https://polylang.wordpress.com/documentation/setting-up-a-wordpress-multilingual-site-with-polylang/navigations-menus/

    Best regards,
    Ismael

    in reply to: Font glitch #1320848

    Hey adferger1,

    Thank you for the inquiry.

    Which font are you currently using? What you see is called FOUT or “flash of unstyled text”. You can read more about it in the following article.

    // https://css-tricks.com/fighting-foit-and-fout-together/

    The text “flashes” or changes because the font file is not yet loaded. Installing a cache plugin in this case usually helps.

    If you are a developer, make sure that the browser is not set to “Disable Cache”, because when this option is enabled, the browser always retrieves the font files from the original source instead of the local machine, which may cause FOUT. You will usually find this option in the Networks tab of the developer tools.

    Best regards,
    Ismael

    in reply to: Sticky posts magazine #1320847

    Hi,

    Thank you for the info.

    We adjusted the filter in the functions.php file a bit. The post items from the selected category are now displaying properly in the magazine element with the selected or sticky post above.

    This is the updated code.

    /*  https://kriesi.at/support/topic/sticky-posts-in-magazine-element/ */
    add_filter('avf_magazine_entries_query', 'avf_magazine_entries_query_sticky', 10, 2);
    function avf_magazine_entries_query_sticky($query, $params) {	
    
    	$include = array();
    
    	$sticky = get_option( 'sticky_posts' );
    
            if(is_single(10137)) {
    	   $sticky = array(get_post(4649)->ID);
    	}
    
    	$query['post__not_in'] = $sticky;
    	$posts = get_posts( $query );
    
    	foreach($posts as $post) {
    		$include[] = $post->ID;
    	}
    
    	$include = array_merge($sticky, $include);
    
    	$query['post__in'] = $include;
    	$query['orderby'] = 'post__in'; // sort items based on the post__in value
    	return $query;
    }
    

    We replace is_page with the is_single function because the magazine element is inside a post.

     if(is_single(10137)) {
          $sticky = array(get_post(4649)->ID);
    }
    

    We also placed the post with the ID 4649 inside an array. If you need to display a different sticky post on a different page, just duplicate the if statement above and replace the post IDs.

    if(is_single(113)) {
          $sticky = array(get_post(235)->ID);
    }
    

    The changes above will display the post with the ID 235 as a sticky item inside a post with the ID 113.

    Best regards,
    Ismael

    in reply to: Ajax search results URL no longer translated #1320846

    Hi,

    The avia_ajax_search function is located in the functions-enfold.php file. By default, it is using the get_posts function to retrieve the posts.

    	/**
    		 * @used_by			Avia_Relevanssi			10
    		 *
    		 * @param string $function_name
    		 * @param array $search_query
    		 * @param array $search_parameters
    		 * @param array $defaults
    		 * @return string
    		 */
    		$query_function = apply_filters( 'avf_ajax_search_function', 'get_posts', $search_query, $search_parameters, $defaults );
    

    You may need to use the avf_ajax_search_function in order adjust it to the function used by the plugin.

    Best regards,
    Ismael

    in reply to: Magazine filter and permalinks #1320845

    Hey SurigliaStudio,

    Thank you for the inquiry.

    This is possible, but you have to modify the enfold/config-templatebuilder/avia-shortcodes/magazine/magazine.js file. Look for this code around line 26.

    current.addClass('active_sort');
    

    And below, add this code.

    window.location.hash = decodeURI(current[0].outerText).toLowerCase();
    

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings after doing the modification.

    Best regards,
    Ismael

    in reply to: Search box in overlay Search box #1320840

    Hi,

    We edited the functions.php file and adjusted the script a bit for the new mobile menu.

    
    // add search bar to mobile menu
    function ava_custom_script_mod_search_mobile()
    {
    ?>
    	<script>
    		(function($) {
    			$(document).ready(function() {		
    				var page   = window.location.href;
    				var search = '<form action="'+page+'" method="get" class=""><div><input type="submit" value="?" id="searchsubmit" class="button avia-font-entypo-fontello"><input type="text" id="s" name="s" value="" placeholder="Search"></div></form>';
    	
    				$('.av-burger-menu-main a').on('click', function() {
    					if($(".av-mobile-search").find('form').length == 1) return;
    					setTimeout(() => {
    						$("<div class='av-mobile-search'>" + search + "</div>").prependTo('#av-burger-menu-ul');
    					}, 300);	
    				});
    			});
    		})(jQuery);
    	</script>
    <?php
    }
    add_action('wp_footer', 'ava_custom_script_mod_search_mobile', 10000);
    
    

    The search bar is now added above the mobile menu items but it will require a bit of css modification. You can start with the following.

    .av-mobile-search div {
        position: relative;
    }

    Best regards,
    Ismael

    in reply to: exclude images from srcset responsive react. #1320835

    Hi,

    We could modify the class-responsive-images.php > prepare_single_image function a bit and add a condition which prevents the theme from adding the scrset attribute when an array contains the current attachment or image ID. We could also add a filter so that we could modify the array in the future.

    Look for this code inside the function..

    if( is_numeric( $attachment_id ) || 0 != $attachment_id )
    				{
    					$new_img = $this->add_attachment_id_to_img( $new_img, $attachment_id );
    				}
    

    .., and replace it with:

    	if( (is_numeric( $attachment_id ) || 0 != $attachment_id) && !in_array($attachment_id, apply_filters("avf_srcset_exclude_images", array())) )
    				{
    					$new_img = $this->add_attachment_id_to_img( $new_img, $attachment_id );
    				}
    

    The filter can be used as follows.

    add_filter("avf_srcset_exclude_images", function($exclude) {
    	$exclude = array(123, 111, 141);
    	return $exclude;
    });
    

    Best regards,
    Ismael

    in reply to: [av_privacy_google_tracking] button not working #1320832

    Hi,

    Yes, we need an admin account in order to check the issue. Please post the details in the private field, and make sure that the Appearance > Editor panel is accessible.

    Best regards,
    Ismael

    Hi,

    Thank you for the info.

    We adjusted the script a bit based on this thread (https://stackoverflow.com/questions/1397329/how-to-remove-the-hash-from-window-location-url-with-javascript-without-page-r/5298684#5298684).

    
    /* Remove the down arrow #av_section_3 from https://example.com/#av_section_3 on first load */
    function ava_custom_script_remove_hash() { 
    ?>
    <script>
    function removeHash () { 
        history.pushState("", document.title, window.location.pathname + window.location.search);
    	setTimeout(function() {
    		window.scrollTo(0, 0);
    		console.log("scrolled");
    	}, 500);
    }
    	
    window.addEventListener("DOMContentLoaded", function() {
    	console.log("remove hash");
    	removeHash();
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'ava_custom_script_remove_hash', 999);
    

    It should be working properly now. Make sure to purge the cache or test the site on incognito mode.

    Best regards,
    Ismael

    in reply to: Tag on portfolio pages #1320713

    Hi,

    No problem. Please let us know if you need anything else. We will close this thread for now.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Can't enable block editor #1320709

    Hey umnique,

    Thank you for the inquiry.

    Did you update the theme to version 4.8.6.1? Please post the site details in the private field so that we could check the issue properly. Make sure that the Appearance > Editor is accessible.

    Best regards,
    Ismael

    in reply to: How can I hide the active thumbnail image in gallery? #1320706

    Hey justingd83,

    Thank you for the inquiry.

    The site above actually contains two gallery, one after another. Only one image is selected in the first gallery and 3 images in the gallery below.

    Best regards,
    Ismael

    in reply to: Multiple Captions on a 1 minute video slide #1320704

    Hey bowlandwalks,

    Thank you for the inquiry.

    You could manually embed the captions directly before rendering the video. But if you are going to rely on the builtin caption, this might not possible. Please check the documentation for more info.

    // https://support.google.com/youtube/answer/2734796?hl=en

    Best regards,
    Ismael

    Hey Jasmer,

    Thank you for the inquiry.

    We could use the following script in the functions.php file to remove any hash on initial load.

    
    function ava_custom_script_remove_hash() { 
    ?>
    <script>
    (function($) {
    	$(document).ready(function() {
    		var hash = location.hash.replace('#','');
    		if(hash != '') {	
    			location.hash = '';
    		}
    	});
    })(jQuery);
    <?php
    }
    add_action('wp_footer', 'ava_custom_script_remove_hash');
    

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings, and purge the cache after adding the code.

    Best regards,
    Ismael

Viewing 30 posts - 13,411 through 13,440 (of 67,482 total)