Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 20, 2014 at 3:24 pm #240736
    IndikatorDesign

    Hey there!

    How can I change my Logo-height back to 200p for fixed header, please ? After Upgrade to enfold 2.6.2, I lost this important possibility..

    These are the changes from before, they don´t work now, because max-height is set to 116px ?:

    CSS

    .social_header #header_main .container, .social_header .main_menu ul:first-child > li a {height: 200px; line-height: 200px;}
.fixed_header.social_header #main {padding-top: 230px;}
#header .avia_mega_div {top: 135%;}
.main_menu .menu > li > a {height: 30px !important; line-height: 30px !important;}
#header_main .container{display: table;}
#header_main .main_menu{display: table-cell; vertical-align: middle; position: static;}
#header_main .main_menu .avia-menu{float: right;}
#top .main_menu .menu li ul a {padding: 15px; font-weight: 400; font-size: 15px; line-height: 1.1em; font-family: 'Quicksand', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
#top .main_menu .mega_menu_title {font-size: 17px; font-weight: 100; color: #777;}

    JS

    function avia_header_size()

// if(st < el_height/2)
if(st < el_height - 40)

// newH = el_height/2;
newH = 40;

    Cheers!

    March 21, 2014 at 11:03 pm #241408
    David

    Hey Bruno!

    By this “..change my Logo-height back to 200p for fixed header”, I’m assuming you want to disable the animation, hence don’t want the logo to shrink, here is how to :

    – Go to the folder js/avia.js line 1198 and comment the code like so.

    /*if(shrinking && !isMobile)
                {
	                if(st < el_height/2)
	                {
	                    newH = el_height - st;
	                    header.removeClass('header-scrolled');
	                }
	                else
	                {
	                    newH = el_height/2;
	                    header.addClass('header-scrolled');
	                }
	                
	                elements.css({'height': newH + 'px', 'lineHeight': newH + 'px'});
                	logo.css({'maxHeight': newH + 'px'});
                }*/

    Best regards,
    David

    March 22, 2014 at 8:00 am #241537
    IndikatorDesign

    Hey David, thank you but it´s not right on this way. We don´t want to deactivate the animation. We wanna increase the max-height for the logo back to 200px, like before. Now it is fixed to max-height 116px.

    It means at the start of our animation the logo should be 200px and on end of animation 40px, like it is now. But if we change the max-height values for logo and the lineheight for container, it don´t work on the way we want it..

    March 22, 2014 at 4:22 pm #241633
    Richard Olpin

    Have you set the ‘Header Custom Height’ in the new header options?

    March 22, 2014 at 4:29 pm #241635
    IndikatorDesign

    Hey Richard ! Thank you so much, that´s it! I don´t look into Theme-Options for a longer while, but I do it now.. That´s perfect and I think I can erase the custom CSS now..

    This topic can be closed..

    Best regards

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Logo back to 200px height ?’ is closed to new replies.