I see that the CSS code for the element viewed on an iPad 768×1024 is:

.av-cell-min-height-100 > .flex_cell {
height: 1024px;
}

Shouldn’t that be a min-height? The value is generated depending on the viewport, so a quick and dirty solution could be using:

.av-cell-min-height-100 > .flex_cell {
min-height: 100vh;
height: auto;
}

Could you please provide an official solution? Thanks!

It’s working, thanks!!!

Hi Andy,

if this is the situation I suggest to use imsanity (https://wordpress.org/plugins/imsanity/), but this is not what I was looking for.

It looks very strange to me that you can’t set the lightbox to load a thumbnail instead of the original image, are you really sure about it?

Best

Sigifin

Hi Elliot,

I found a solution. It’s manual so when you add or remove a category you need to update the change, but it isn’t that difficult.

I manually added the category list in this file: /wp-content/themes/enfold/config-woocommerce/config.php

function avia_woocommerce_before_shop_loop()
{

	global $avia_config;
	if(isset($avia_config['dynamic_template'])) return;
    $markup = avia_markup_helper(array('context' => 'content','echo'=>false,'post_type'=>'products'));
	echo "<main class='template-shop content ".avia_layout_class( 'content' , false)." units' $markup><div class='entry-content-wrapper'>";
#
# DELETE the "#" symbols and put your code here
#
}

This is the code I added and then I styled it via CSS and displayed it only on mobile:

	echo "<div class='sh-mobile-categories'>SHOP BY CATEGORY</div></BR><div class='sh-mobile-categories-list'><a href=\"/product-category/swimwear/\">SWIMWEAR</a></BR><a href=\"/product-category/2-piece/\">2 PIECE</a></BR><a href=\"/product-category/tops/\">TOPS</a></BR><a href=\"/product-category/bottoms/\">BOTTOMS</a></BR><a href=\"/product-category/dresses/\">DRESSES</a></BR><a href=\"/product-category/outwear/\">OUTWEAR</a></BR><a href=\"/product-category/accessories/\">ACCESSORIES</a></div>";

• This reply was modified 8 years, 12 months ago by sigifinsrl.

I investigated a little bit and it appears that Enfold disables the wp_link_pages core function. Am I correct?

Is there a way to swap the function back in the theme?

Hi Elliot,

I don’t understand your answer, if you check the link I provided you can see that using “perfect grid” is not showing the pictures at all! What do we need to change to display the images in perfect grid in our scenario?

Best
Superhub

Dear Ismael,

your strategy worked for the related entries thumbnail but it’s not working for the masonry Perfect Grid display option.

I’m sending you a private reply with a link where you can check the Perfect Grid problem. You can see that the Flexible masonry option works, the perfect grid doesn’t.

Best
Superhub

Hi Yigit,
we need to use the “Show thumbnails and display post title by tooltip”, we just want to edit the thumbnail size.

Best
Superhub