Mobile Menu on desktop when roll

Hey Vinicio,

Can you give us a link to your site? so we can try to give you css code that might help.

Best regards,
Nikko

Hi,

Try adding this css code in functions.php:

function add_custom_script(){
?>
<script>
var $document = $(document),
    $element = $('#header'),
    className = 'hasScrolled';

$document.scroll(function() {
  if ($document.scrollTop() >= 50) {
    $element.addClass(className);
  } else {
    $element.removeClass(className);
  }
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

then add this css code in Quick CSS (located in Enfold > General Styling):

#top #header.hasScrolled .av-main-nav .menu-item {
    display: none;
}

#top #header.hasScrolled .av-main-nav .menu-item-avia-special {
    display: block;
}

Let us know if this helps :)

Best regards,
Nikko

Hi,

Can you give us ftp access? so we can test why it’s not working on your end.

Also please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi,

Can you give us the ftp access also? so we can try to add the code in functions.php without any risk.

Best regards,
Nikko

Hi,

Thanks for providing access, I have commented out this code:

$prepare_excerpt = !empty($entry->post_excerpt) ? $entry->post_excerpt : avia_backend_truncate($entry->post_content, apply_filters( 'avf_postgrid_excerpt_length' , 120) , apply_filters( 'avf_postgrid_excerpt_delimiter' , " "), "…", true, '');

since this should be in functions.php not in Quick CSS, which causes some css not to work, also I added this css code:

.avia_desktop #top #header.hasScrolled .av-main-nav .menu-item-avia-special .av-hamburger-inner, 
.avia_desktop #top #header.hasScrolled .av-main-nav .menu-item-avia-special .av-hamburger-inner::before, 
.avia_desktop #top #header.hasScrolled .av-main-nav .menu-item-avia-special .av-hamburger-inner::after {
    background-color: #fff;
}

Best regards,
Nikko

Hi,

Glad we could help and thanks for your kind words, we appreciate it a lot :) Have a nice day!

Best regards,
Nikko