Hi,

Thank you for the updat.e

We may have to access the site in order to check the issue properly. Please post the login details in the private field, and make sure that the Appearance > Editor panel is accessible.

Best regards,
Ismael

Hi,

-Some heading text is showing as striked out, but after I zoom in/out it shows fine

We are able to reproduce the heading issue on an iPad Pro 1st gen simulator. Try this css code to prevent the heading within the text block from getting cut off.

.avia_textblock {
    overflow: visible !important;
}

Have you tried using the Special Heading element instead of manually adding the heading inside a text block?

The items in the default menu is still not visible on iPad Pro. You may need to add this css code to fix it.

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    display: block !important;
}

Did you adjust the transition settings of the layer slider heading? We can see the issue on the simulator but we cannot figure out why it shrinks. Have you tried adding a minimum height to the layer?

Best regards,
Ismael

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

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

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

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

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

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

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

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

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

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

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

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,

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