Mike,

super helpful. For everyone: I test my Shop Setup in an unpolished page with the advanced layout editor and then copy+paste the page code to the actual shop page. Works brilliantly.

Best
Elmar

Thanks for the update. Appreciated.

Ismael,

There must be some other issue I cannot trace. All these changes have no effect on the Title.

remove_action('wp_head', 'av_theme_slug_render_title');
remove_filter('avf_title_tag', 'avia_wpseo_change_title_adjustment');

add_action('init', function() {
    remove_action('wp_head', 'av_theme_slug_render_title');
	remove_filter('avf_title_tag', 'avia_wpseo_change_title_adjustment');
}, 10);

function av_theme_slug_render_title_mod()
{
    echo '<title>X ' . wp_get_document_title() . '</title>';
}
add_action( 'wp_head', 'av_theme_slug_render_title_mod' );

I assume you have validated this in a clean enfold install? It does not seem to work for me. I can also not trace any another plugin setting these titles. I also haven´t overwritten those templates in our child theme.

Best,
El

Here is their response and suggestion. Enfold doesn´t really take it into account though:

…

Thanks for reaching out.

We filter the core WP Title tag function to manage the Page Title of your page, so you’ll just need to return that in your filter.

add_filter(‘avf_title_tag’, ‘avia_change_title_tag’, 10, 2);
function avia_change_title_tag( $title, $wptitle )
{
return wp_get_document_title();
}

Probably no setting, right? I did a css that works but of course no applies to all images in a flex cell:

.flex_cell_inner .avia_image {
width: 100%;
}

Hi Mike,

the real problem is that the mobile search result links are „unclickable“.

It hasnt been resolved- sorry. Or does that work on your mobile devices?

Best
Elmar

Hi guys,

thanks guys!

Just for the record: here is complete instruction to make it work as I hate going through dozens of threads to search for the complete solution. You are welcome ;). The search form was hidden in my case.

/* Mobile Search Form Magic */
#top #searchform > div {
    display: block !important;
    opacity: 1 !important;
}
#avia-menu li.menu-search {
    display: none;
}

Functions.php

/**
 * Show search bar on mobile menu
 */
 add_shortcode('avia_search', 'get_search_form');
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(() => {
						$("<li class='av-mobile-search av-active-burger-items'>" + search + "</div>").insertAfter('.menu-item-178580');
					}, 300);	
				});
			});
		})(jQuery);
	</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_mod_search_mobile', 10000);

Standard slim logo left with 45px custom height.

Nevermind. Figured it out. For anywone wondering … this is now done in the front end customizer of wordpress. Best, Elmar

Hey Ismael,

unfortunately right now this is not easily possible. But just to reiterate. I was hoping we can fix it by determining the required some changes through the browser dev console. As you can see I implemented this but it does not work.

Best,
El

• This reply was modified 3 years, 12 months ago by El.

I checked again and its in the compressed style.css … but still doesnt affect the quantity height:

So you wan the whole thing to look like? For some reason it still fails…

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

td.product-quantity {
min-width: 120px !important;
}

#top div .quantity input.plus, #top div .quantity input.minus {
line-height: 29px !important;
width: 30px !important;
height: 30px !important;
}

td {
font-size: 12px !important;
}

#top div .quantity input.qty {
height: 30px !important;
width: 30px !important;
line-height: 29px !important;
}

.shop_table td {
height: 100% !important;
}

table.shop_table .woocommerce-cart-form__cart-item.cart_item {
height: 100% !important;
}
}

Hi Ismael,

this has been deleted yesterday already. Please clear your browser cache.
The overlap cannot be seen because I made the lines invisible. If you change that you will see it.

Best,
Elmar

Ismael,

nice one. This did the trick:

https://www.dropbox.com/s/e9iavjfenrk69it/Bildschirmfoto%202020-11-19%20um%2009.34.37.jpg?dl=0

Can you put that into the next enfold release? That way I don´t have re-change the source code.

Best,
Elmar

Access it from mobile in case you only have webp supporting desktop browsers