Hey!

Thank you for using Enfold.

@raisonbrands: Have you optimize the site? If not, you might want to follow the suggestion in this thread. It’s going to increase the page speed insight test score by around 40 and it might fix the font loading issue if you manage to eliminate render-blocking resources.

// https://kriesi.at/support/topic/seo-google-page-insights-blocking-rendering-ressources-above-the-fold/#post-720432

@b3plus: Thanks for the info.

Regards,
Ismael

Hi,

Please follow the instructions here:

// https://kriesi.at/support/topic/different-layout-for-blog-layout-and-certain-category-layout/#post-624419
// https://kriesi.at/support/topic/linking-to-filtered-portfolio-ajax/#post-430830

For the tab, this script should work:

// auto trigger
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script() {
?>
		<script>
        (function($){
            function getQueryParams(qs) {
			    qs = qs.split("+").join(" ");
			    var params = {},
			        tokens,
			        re = /[?&]?([^=]+)=([^&]*)/g;

			    while (tokens = re.exec(qs)) {
			        params[decodeURIComponent(tokens[1])]
			            = decodeURIComponent(tokens[2]);
			    }

			    return params;
			}

			var $_GET = getQueryParams(document.location.search);

            $(window).load(function() {
                switch($_GET['tabsort']) {
                    case '1':
                        $('a[data-av-tab-section-title="1"]').trigger('click');
                        break;
                    case '2':
                        $('a[data-av-tab-section-title="2"]').trigger('click');
                        break;
                    case '3':
                        $('a[data-av-tab-section-title="3"]').trigger('click');
                        break;
                    case '4':
                        $('a[data-av-tab-section-title="4"]').trigger('click');
                        break;
                }
            });
        })(jQuery);
        </script>
<?php
}

The url should look something this:

http://www.mysite.com/myportfolio?tabsort=2

This will trigger the second tab.

Best regards,
Ismael

Hi,

Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Yes, there is. You can either target the containers individually, but you will need to be able to write CSS for this option. You could also try to give your Color Sections ID’s to show/hide the correct one for mobile, you could use CSS like this to achieve that:

@media only screen and (min-width: 768px) {
#section-desktop {
  display:block !important;
}
#section-phone {
  display:none !important;
}
}

@media only screen and (max-width: 767px) {
#section-desktop {
  display:none !important;
}
#section-phone {
  display:block !important;
}
}

Best regards,
Rikard