Tagged: enfold
-
AuthorPosts
-
June 16, 2015 at 1:39 pm #460021
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, 6 months ago by tjswarbs78.
June 16, 2015 at 7:32 pm #460313Hey 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,
ElliottJune 17, 2015 at 1:07 pm #460703Trust me to pick something that’s complicated :)
Thanks for the reply, I appreciate it
June 18, 2015 at 5:00 am #461060March 9, 2016 at 9:15 pm #595826Hi 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 #596684Hi Ben,
Could you provide us with a link to the site in question so that we can take a closer look please?
Regards,
RikardMarch 11, 2016 at 6:23 am #596696Hi
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 #596904Hey!
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 -
AuthorPosts
- You must be logged in to reply to this topic.