-
AuthorPosts
-
January 28, 2015 at 3:26 pm #387000
Hi
At the clients request I have a site where the logo overlaps the slider and doesn’t sit in the navigation bar (t-e-c-systems.com) Is there a way to make the logo bigger without changing the size of the navigation bar? And if so is there a way to make the navigation bar even smaller?
Many thanks
AnjiGJanuary 28, 2015 at 6:30 pm #387267Hey AnjiG!
Add this to your custom CSS.
.logo, .logo * { max-height: 10000px !important; overflow: visible !important; }
And you can change the size of the header in Dashboard > Enfold > Header.
Best regards,
ElliottJanuary 28, 2015 at 10:18 pm #387425Elliott
Brilliant! Thanks.January 29, 2015 at 12:45 am #387498Elliott
Just another question…the logo is bigger but it now isn’t responsive. Is it possible to make it so?
Thanks
AnjiGJanuary 30, 2015 at 12:09 am #388041Hey!
Add this.
@media only screen and (max-width: 767px) { #top .logo, .logo * { max-height: 200px !important; } }
Best regards,
ElliottJanuary 30, 2015 at 5:51 pm #388376Hi Elliott
I’m afraid that doesn’t seem to work…any other suggestions?
Thanks
AnjiGFebruary 1, 2015 at 5:49 am #388925Hey!
The size looks fine but the position is a bit off. Is that what you want to change? Try this:
@media only screen and (max-width: 767px) { strong.logo { top: 20px; left: 20px; }}
A screenshot will help.
Best regards,
IsmaelFebruary 1, 2015 at 12:51 pm #389010This reply has been marked as private.February 4, 2015 at 1:11 pm #390708Hey!
Thank you for the info. Please try to add this on functions.php:
add_action('wp_footer', 'ava_mobile_header', 5); function ava_mobile_header(){ ?> <script> (function($){ $(window).scroll(function() { if($(window).width() <= 989){ var header = $('.html_header_top.html_header_sticky #header'); header.addClass('header-scrolled'); } }); })(jQuery); </script> <?php }
Remove the browser cache then reload the page.
Cheers!
IsmaelFebruary 4, 2015 at 2:32 pm #390737Hi Ismael
I put the info in functions.php and have now got this error message. I also can’t get into wordpress now.Parse error: syntax error, unexpected T_FUNCTION, expecting T_STRING or T_VARIABLE or ‘$’ in /home/tecsystems/public_html/wp/wp-content/themes/enfold/functions.php on line 509
Help!
AnjiGFebruary 4, 2015 at 3:00 pm #390752Hi Ismael (again!)
Panic over…took out the recent info from functions.php and tried again and this time it worked (not quite sure what happened last time).
Thanks so much for this – Enfold support is amazing!
AnjiG -
AuthorPosts
- The topic ‘Logo larger Navigation bar small’ is closed to new replies.