Hi Mike

Sorry for the delay in replying and I managed to get that working from the thread. The only bit I need to fix now is for the page to use the same logo on the mobile view. See URL (switch between desktop and mobile)

Thanks
Richard

Hey Ismael

This is fantastic thank you. Been trying to find a fix for years for the submit button styling.

Richard

• This reply was modified 5 months, 3 weeks ago by raslade.

Hey Nikko

Perfect thank you and all fixed. Yes, another reason why Enfold is so awesome — the support always delivers :-)

Richard

Well that was too simple. I feel a little foolish but it’s very much appreciated, thank you.

Richard

Hey Mike

Agreed and you say fixed. I may have to look at altering the search field as I can’t guarantee that all visitors will have the lastest version. Do you know and CSS that might lock it in place?

Thanks
Richard

Hi there, thanks for checking. One of my colleagues on a PC using Chrome has managed to replicate the issue https://share.vidyard.com/watch/XtsKMhDs4DSBAae9oz3JUa?autoplay=1&vyetoken=5548d107-6394-4cde-ae02-3f5f6203d36f

Thanks
Richard

Thank you and yes please you can close the ticket.

Richard

Yes thank you the topic can be closed now.

Hey Ismael, thanks for getting back to me and I’ve got it working now with this adjustment. The session has to be unique so I tested using new private browser windows each time. This replicates what new visitors would see.

Thanks
Richard

Thanks Ismael. With a slight tweak it works perfectly, thank you.

Final code (that works for blog grid) if anyone else needs it:

// a custom script
// use external link
function ava_custom_script_mod() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', '
		(function($) {
			$(document).ready(function() {
				$(".post-format-link .more-link").on("click", function(e) {
					if(e.preventDefault) e.preventDefault();
					var content = $(this).parents(".slide-content");
					var header = content.find(".entry-content-header");
					var external_link = header.find("a").attr("href");

					window.open(external_link, "_blank" );
				})
			});
		})(jQuery);
	');
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod', 9999);

Hey Ismael, there are many reasons why I love Enfold — an amazing support forum is definitely one of them and this works perfectly, thank you. One final question related to the link. I’ve added the following to the functions file to force links to open a new page:

add_filter('wp_footer', 'avf_add_target_blank', 10);
function avf_add_target_blank() { ?>
<script>
(function($){
    $(window).load(function() {
    	$( ".avia-content-slider .slide-entry-title a, .more-link" ).each(function() {
			$(this).attr('target','_blank');  
		});
    });
	
})(jQuery);
</script>
<?php
}

It correctly adds target=”_blank” to the code but for some reason doesn’t open a blank page.

I’ve tried a.more-link, .more-link a, .read-more-link .more-link a, but still no luck. Am I missing something?

Thanks
Richard

Great thank you.

Richard

That’s very useful to know another way to fix. Trying to get the colours right using the filter was a bit hit and miss.

Thanks for the other solution.

Richard

Thanks Victoria. With a few tweaks I think i’ve sorted with CSS only:

#top #avia-menu .avia_mega_div {
    opacity: 0 !important;
}
#top #avia-menu li:hover > .avia_mega_div {
    opacity: 1 !important;
}

Thanks
Richard

Perfect, that fixes the issue and it looks great. Thanks for your help.

Richard