Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 21, 2015 at 5:03 am #540078
    Andreas

    Hey guys,

    I reduced the header by resizing the logo and:
    #header_main .container, .main_menu ul:first-child > li a {height:63px; line-height: 63px;}
    .social_header #header_main .container, .social_header .main_menu ul:first-child > li a {height: 63px; line-height: 63px;}
    .bottom_nav_header.social_header #header_main .container {height:63px; line-height: 63px;}
    .bottom_nav_header.social_header .main_menu ul:first-child > li a {height:30px; line-height: 30px;}

    But now I have ( http://www.freediveflow.com ) a bar below the header / logo image on all sites. The sticky version works fine.
    I tried already with
    .fixed_header #main {padding-top: XXpx;} and many other versions, but nothing works out for me…

    Looking forward to your support!
    best regards

    • This topic was modified 9 years, 1 month ago by Andreas.
    November 21, 2015 at 6:11 am #540088
    Andreas

    as well I changed in wp-content\themes\enfold\js\avia.js file

    el_height = $(elements).filter(‘:first’).height(),
    to
    el_height = 63,

    and in Quick CSS just
    .fixed_header.social_header #main {
    padding-top: 93px;
    }

    still the same problem…

    November 24, 2015 at 11:57 pm #542059
    Yigit

    Hey!

    Please add following code to Quick CSS

    .html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 94px!important;
}

    Changes you applied are actually very old solutions. Please update Enfold to the latest version 3.4.4 – kriesi.at/documentation/enfold/updating-your-theme-files/ and then go to Enfold theme options > Header and change header height as needed.

    Cheers!
    Yigit

    November 26, 2015 at 6:42 pm #543342
    Andreas

    Hey Yigit,

    thanks for your support. Works like a charm.
    I tried your solution already in the version 3.4.3. but it doesn’t worked out properly… So now I’ll update manually on 3.4.4 and will try again and share if it works, without your code in quick css.

    Thanks again
    Cheers
    Andreas

    November 26, 2015 at 7:10 pm #543355
    Andreas

    PS.: With 3.4.4. it’s working now as well with theme header option, but then the sticky header isn’t shrinking anymore and the header has always the same size.
    So what makes most sense if we want to have the sticky header 34px?

    Cheers
    Andreas

    November 27, 2015 at 3:03 pm #543647
    Yigit

    Hi!

    To make sure that we are on the same page, you would like to make sticky header height 34px instead of current 50px?

    Regards,
    Yigit

    November 29, 2015 at 1:06 pm #544135
    Andreas

    Hi,
    the normal Header 50 like the current one and the sticky header / logo, if you scrolling down should be 34.

    Thanks and best regards,
    Andreas

    December 1, 2015 at 4:30 am #544975
    Ismael

    Hey!

    The theme disables the header_shrinking feature when the header height is less than 65px. You can find that logic on functions-enfold.php file, line 746:

    //if the custom height is less than 70 shrinking doesnt really work
		if($header['header_size'] == 'custom' && (int) $header['header_custom_size'] < 65) $header['header_shrinking'] = 'disabled';

    Adjust 65 to 0 or any number less than 50.

    Best regards,
    Ismael

    April 11, 2017 at 9:18 am #775889
    laptophobo

    I’d like to remove the extra spacing only on my Home page. When I add: body.home to your above script (which works by itself), it won’t work, i.e.:

    body.home. html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 90px!important;
    }

    April 11, 2017 at 1:43 pm #776008
    Victoria

    Hi laptophobo,

    Do you need any more help with this issue or the css above solves your problem?

    Best regards,
    Victoria

    April 11, 2017 at 2:31 pm #776051
    laptophobo

    Hi.

    This script works, but on all the pages: 

    html_header_top.html_header_topbar_active.html_header_sticky #top #main {
padding-top: 90px!important;
}

    However, I want the script to work only on the home page. But, when I use the following script, it does not work: 

    body.home. html_header_top.html_header_topbar_active.html_header_sticky #top #main {
padding-top: 90px!important;
}
    April 12, 2017 at 5:22 am #776438
    Rikard

    Hi,

    Please try this instead:

    .home #main {
padding-top: 90px!important;
}

    Best regards,
    Rikard

    April 13, 2017 at 7:42 am #777080
    laptophobo

    thank you. that worked.

    April 13, 2017 at 7:06 pm #777468
    Victoria

    Hi laptophobo,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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