Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1171277


    1- You can go to Enfold theme optioons > Header and increase header height and logo would adapt. Then you can add following code to Quick CSS in Enfold theme options > General Styling to hide logo when scrolled down

    .header-scrolled .av-logo-container {
        display: none;

    2- You can simply edit your pages and choose to display transparent header under layout section – :)

    Best regards,


    Hi Yigit,

    Thank you so much! that totally worked!

    I am having trouble adjusting the bottom padding under the logo and the header height as well. There seems to be a very big gap between the two. Is there anything I can do to adjust that?



    Thanks for the update. Please try this CSS as well:

    .av-logo-container {
        height: 115px;
        line-height: 115px;

    Or try to adjust the height of the header in the theme options under Enfold->Header->Header Size.

    Best regards,

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