Hi,
Did you try setting the value from 40 to 120? If you set it at 40 and it is too small try 80 or 120.

Best regards,
Mike

Hi,
You can change the screen distance at which it hides by changing the “100” to 50 or 200.
You can also change the fadeOut / fadeIn options to fast, slow, or a number that represents thousands of a second, such as ‘2000’, to control the time of the fade.
I hope these options help you refine your logo hiding experience.

Best regards,
Mike

Hey pandaweb,
I believe what you are seeing is the masonry animation, I see what you are talking about only if I scroll to the bottom of the page and refresh. This is because the masonry animation is scroll triggered.
If you believe your visitors will be refreshing at the bottom of the page, and would like to remove the animation try to use this code in the General Styling > Quick CSS field:

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}

.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}

Best regards,
Mike

Hey frknzn,
Which slider are you using? Fullscreen Slider or Fullwidth Slider?
Can you add a link to your site?

Best regards,
Mike

Hey jimjiber,
Did you try using the “Export Theme Settings File” in the Enfold Theme Options?
Best regards,
Mike

Hi,
Ok, the solution I have found is to add css in the General Styling > Quick CSS field that will disable mouse events on the button. Unfortunately this can not target only one button. But you can limit it to all buttons on a page or post. Use this code in the General Styling > Quick CSS field:

.postid-3243 .avia-button { pointer-events: none !important; }

above targets buttons on post #3243, change this to your post number.
below targets all buttons on a site.

.avia-button { pointer-events: none !important; }

Best regards,
Mike

• This reply was modified 7 years, 9 months ago by Mike.

Hey Lundby,
The portfolio grid is not limited, so you could add more than 100, but this may slow your load time for your visitors and ask them to scroll alot. Creating grids of 24 or 48 per page may be a better experience for your visitors.

Best regards,
Mike

Hey dlannetts,
Thank you for using Enfold.
It looks like for the option “Portfolio Grid Image Size” you are using “Set the Portfolio Grid image size automatically based on column or layout width” try using “Choose the Portfolio Grid image size manually (select thumbnail size)”
The other option would be to make your images the same size.

Best regards,
Mike

Hi Dave,
Ok, lets try adding this code to your functions.php to hide the logo on scroll:
For Logo left, menu right & logo right, menu left

function add_hide_logo(){
?>
<script>
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop() > 100) jQuery('.logo').fadeOut('slow');
if(jQuery(this).scrollTop() < 100) jQuery('.logo').fadeIn('slow');
});
</script>
<?php
}
add_action('wp_footer', 'add_hide_logo');

For Logo center, menu below:

function add_hide_logo(){
?>
<script>
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop() > 100) jQuery('.container.av-logo-container').fadeOut('slow');
if(jQuery(this).scrollTop() < 100) jQuery('.container.av-logo-container').fadeIn('slow');
});
</script>
<?php
}
add_action('wp_footer', 'add_hide_logo');

When editing functions.php you should use the child theme, Read about it & Get it here

Best regards,
Mike

Hi,
Ok, very good

Best regards,
Mike

Hi,
Very good

Best regards,
Mike

My pleasure

Hey salesmusat,
Thank you for using Enfold.
After running a local test & a Mobile Friendly test, I was unable to reproduce your results. Perhaps your mobile device is storing the larger images in the cache?
Sorry I was not more help.
Best regards,
Mike

Hey Sadegh,
Thank you for using Enfold.
It looks as though you have found the solution.

Best regards,
Mike

Hey inertia05,
Thank you for using Enfold.
use this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px){
.responsive #top #wrap_all #header {position: fixed;}
}

Best regards,
Mike