Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 22, 2017 at 8:09 pm #855547
    Guenni007

    if on a masonry (portfolio entries) the overlay is only on mouse-over – ipad allways shows them

    i found this : https://kriesi.at/support/topic/full-width-masonry-display-title-mouse-over-iphone-ipad/

    but it was with no effort .

    first of all the css all mods provides must fail because they have mostly included .avia_desktop
    but allthough i let it away nor put a .avia_mobile in front – no effect !

    PS i do not want to have the code in quick css – i entered it via functions.php of child-theme:
    i see that there was an effect on font-size – but overlay no influence

    add_action('wp_head', 'ava_add_custom_css');
function ava_add_custom_css() {
if( !wp_is_mobile() )
return;
?>
<style type="text/css">
.avia_mobile .av-caption-on-hover.av-masonry-item-with-image.av-masonry-entry:hover.av-inner-masonry-content { opacity: 0!important; }
#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {font-size: 1em !important;}
</style>
<?php
}

    btw : if i put on quick css 

    
.av-caption-on-hover.av-masonry-item-with-image.av-masonry-entry:hover.av-inner-masonry-content { opacity: 0!important; }

    i can see that this is the right code to prevent overlay –

    September 25, 2017 at 5:17 am #856296
    Ismael

    Hey Guenter,

    Thank you for using Enfold.

    Could you please provide a screenshot of the issue?

    Best regards,
    Ismael

    September 26, 2017 at 8:29 am #856821
    Guenni007

    it does not need a screenshot – description of the problem is, that all of those masonry elements show the state as if it is hovered.
    means all of them with semitransparent dark overlay and the description shown in white.
    PS : all ipad / Iphone websimulators do not show the effect – only the real device is showing it.

    i dont want the the behavior works on ipad – i’m totaly satisfied with the nonhoverd state on ipad/iphone.

    by the way i tried to do this:

    function add_touch_fix(){
?>
<script>document.addEventListener("touchstart", function(){}, true);</script>
<?php
}
add_action('wp_footer', 'add_touch_fix');

    but has no effect too

    September 26, 2017 at 9:52 am #856838
    Guenni007

    oh wow – i can not realy copy/paste things – the code above is nonsense!
    first of all the !wp_is_mobile() with exclamation mark (head-shake) :lol

    i did it this way for now. I’m looking to adjust this
    https://kriesi.at/support/topic/some-extra-classes-for-hover-states-on-enfold/#post-764012 for my site

    function wp_ipad_mod() {
if(wp_is_mobile()){
	echo '<style type="text/css">
	#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content { opacity: 0!important; }
	#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {font-size: 1em !important;}
	</style>';
}
}
add_action('wp_head', 'wp_ipad_mod');
    September 26, 2017 at 10:10 am #856848
    Guenni007

    so something has changed in new enfold. In former versions a class hover was added – as described in the old thread. Now nothing happend in this way.
    Anyway – can be closed

    September 27, 2017 at 4:45 am #857249
    Ismael

    Hi,

    Alright. For clarification, the previous modification is for the Image element, not the Masonry. Maybe, that’s why the “hover” class exist.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.