-
AuthorPosts
-
August 25, 2014 at 11:46 am #308779
I need help with displaying the larger version of the logo and using the shrink logo function on homepage only, and use smaller version of logo and menu on all other pages and posts.
Also, is it possible to have drop-down function from pages in the secondary menu? and have the secondary menu be used for mobile menu?
- This topic was modified 10 years, 3 months ago by AMseptemeber.
August 25, 2014 at 1:59 pm #308814Hey christopherd6!
Please go to Appearance > Editor and open Functions.php file and add following code
function add_custom_header(){ ?> <script> jQuery(window).load(function(){ jQuery('.logo img, .logo a, .av-main-nav > li > a, #header_main .container').addClass('small-header'); if ( jQuery("body#top").hasClass("home") ) { jQuery(".logo img, .logo a, .av-main-nav > li > a, #header_main .container").removeClass('small-header') }; }); </script> <?php } add_action('wp_footer', 'add_custom_header');
then add following code to Quick CSS in Enfold theme options under General Styling tab
.small-header { height: 58px!important; line-height: 58px!important; max-height: 58px!important; }
Regards,
YigitAugust 25, 2014 at 5:25 pm #308896Thanks for the quick reply.
This fix causes stutter in header on post pages and leaves a blank bar below the menu. is there something else i can do?August 25, 2014 at 5:32 pm #308904Hey!
Please add following code to Quick CSS as well
div#main { padding-top: 90px!important; } .home #main { padding-top: 147px!important; }
Cheers!
YigitAugust 25, 2014 at 7:19 pm #308950Thanks! That removes the additional bar on desktop but still visible in mobile. Is there anything i can do to improve the stutter/delay between the transition from larger into small when opening into a post?
- This reply was modified 10 years, 3 months ago by AMseptemeber.
August 26, 2014 at 4:11 am #309084Hey!
Thank you for the update.
The bar on mobile should be remove by now. Try to remove browser cache then reload the page a few times. If I am not mistaken, you can only see the stutter when you’re using the mouse scroll. I don’t think we can do anything about it. You can try scrolling the page using the scroll bar and you won’t experience the delay/stutter.
Regards,
IsmaelAugust 26, 2014 at 4:13 am #309085Thank you for your assistance!
August 26, 2014 at 12:09 pm #309275 -
AuthorPosts
- The topic ‘help to shrink logo on homepage only, smaller logo on posts’ is closed to new replies.