Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #902266

    Hi Enfold Team,

    I Need that my regular menu turn into a Mobile menu when the page roll down, just like the website below.

    http://www.exploringyourmind.com/

    how can i do that?

    • This topic was modified 6 years, 9 months ago by viniciogm.
    #902320

    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

    #902355

    Follow on private content, thank you.

    #902711

    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

    #902876

    Did not work :-(

    I Turned off “Sticky Header” and still dont work.

    #902902

    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

    #902921

    Follow the user account

    #903064

    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

    #903122

    Here in private, thank you so much.

    #903735

    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

    #904232

    Thank you so much Nikko, works like a charm.

    Enfold Team is the best ever!

    #904716

    Hi,

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

    Best regards,
    Nikko

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Mobile Menu on desktop when roll’ is closed to new replies.