Megafilter does not work well! with Ja Wall

carlucci

Megafilter does not work well! with Ja Wall.
See screenshot

Joshua-M

Hi,

Try to add the following custom css code:

.ja-products-wrapper.list .list .product-item .product-item-info .product-item-photo {
  position: relative;
}

Cheers
Joshua

carlucci

Hi Joshua!
Thank you very much.
It looks better. But the result should be: see screenshot

Regards

Joshua-M

Hi,

May I know how did you take this screenshot? Is the correct version available online?

Cheers
Joshua

carlucci

Hi Joshua!
The second screenshot is of the template Ja-Mood and work fine.
I have set it as an example.
The first screenshot is of the template Ja-Wall and it does not work.

You live in Spain?

Regards, Carlucci

aman204

carlucci The second screenshot is of the template Ja-Mood and work fine. I have set it as an example.

Can you also share the direct site link where the specific component is being rendered on JA Mood template in order to take closer look and do relative comparisons whilst debugging and investigating certain layout styling issues which moreover appear due to similar css selectors conflicts which are being applied

carlucci

Click here:
you can see how the Ja-Mood template works perfectly
http://jamood.dietapino.com/index.php/en/filtro/filtro-de-recetas.html#sort=position&sortdir=asc

Click here:
http://recetas.punzi.es/index.php/es/filtro-recetas#sort=position&sortdir=desc
You can see how the Ja-Wall template does not work as it should be.
See the differences in the two Template

aman204

carlucci Try add this to css file of JA wall template:

.ja-products-wrapper.list .list .product-item .product-item-info .product-item-photo img{max-width: 130px !important;}

and you may remove the above css code suggested :

.ja-products-wrapper.list .list .product-item .product-item-info .product-item-photo {position: relative;}

Kindly ensure to clear your browser cache if changes dont reflect

carlucci

O.K.
Thank you very much.
Please, close the thread.