Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 16, 2015 at 1:39 pm #460021
    tjswarbs78

    Hello,

    Apologies if this has been asked before…

    I would like to hide the mobile menu and only have it appear as you scroll as you can with option for main page.I’m guessing there is some css or .js that can be used?

    Thanks guys

    • This topic was modified 9 years, 5 months ago by tjswarbs78.
    June 16, 2015 at 7:32 pm #460313
    Elliott

    Hey tjswarbs78!

    You can use this CSS to have it scroll down the page with you.

    #advanced_menu_toggle {
  position: fixed;
  right: 20px;
  top: 90px;
}

    But to get it to behave like the regular menu and hidden until scrolling that is going to take a lot of time and code and would have to be considered custom work for now. Consider adding a feature request here, https://kriesi.at/support/enfold-feature-requests/.

    Regards,
    Elliott

    June 17, 2015 at 1:07 pm #460703
    tjswarbs78

    Trust me to pick something that’s complicated :)

    Thanks for the reply, I appreciate it

    June 18, 2015 at 5:00 am #461060
    Rikard

    Hi!

    Glad we could help :)

    Cheers!
    Rikard

    March 9, 2016 at 9:15 pm #595826
    bdeller

    Hi Team Kreisi

    Did this feature request / query ever get resolved – or any custom code created?

    I too am trying to find a way to hide the logo & top nav bar on a smartphone (not tablet) until scrolling begins.

    Thanks

    Ben

    March 11, 2016 at 5:53 am #596684
    Rikard

    Hi Ben,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    March 11, 2016 at 6:23 am #596696
    bdeller

    Hi

    I have taken the logo off for now (on the mobile site) as there were two logos showing and just looked odd. I have also now made the header background transparent

    I am actually not sure I would need to make the nav scroll on moving as I am not sure it would add much more now.

    Thanks

    March 11, 2016 at 3:18 pm #596904
    Yigit

    Hey!

    Please add following code to Functions.php file in Appearance > Editor

    function avia_custom_logo_app(){
if(wp_is_mobile()){
?>
<script>
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop() > 100) jQuery('.logo img').addClass('logoop');
if(jQuery(this).scrollTop() < 100) jQuery('.logo img').removeClass('logoop');
});
</script>
<?php
}}
add_action('wp_footer', 'avia_custom_logo_app');

    and then add following to Quick CSS in Enfold theme options > General Styling 

    .logoop { opacity: 0 !important; }

    Best regards,
    Yigit

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