Tagged: , , , , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
  • #470535

    Hi Chumpocomon!

    Thanks! We hope all is well with you too! :)
    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .html_header_top.html_logo_center .logo {
      left: 0;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    #header_main .container {
      padding: 0;
      margin: 0;
      width: 100%;
      max-width: 100%;
    .header-scrolled #header_main>.container {
      display: none;

    and then edit your logo and remove whitespace from top and bottom and go to Enfold theme options > Header and adjust header height to match your logos height.

    Best regards,


    Hi Yigit!! Cool name!! Thanks for your quick answer but I have a header height limit in Enfold theme options, it is 300px and I would like that logo without height limitations using page width = 100% (from the left side of the page to the right side).

    Do you know how can we make the logo progressively disappearing instead of use the display: none?

    Maybe we don’t need that much css xD, I mean, can we set up the full page width as the max-width of the logo and the min-width = 0 and then decreasing it as we see now but stopping in 0. What do you think? xD

    Best regards.



    Thanks :)
    You can edit your page and choose not to display header and then add color section to the top of your page and add your logo inside it and then add your menu below it using Fullwidth Sub Menu element and then choose to display it sticky :)



    Hello Yigit!! I did what you say but the logo is not responsive and cannot go smaller (from its size to 0) when I scroll down :(
    I left the menu just to try first with the color section xD




    Please edit your color section and give it a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
    and then add your logo inside your color section using Image element and then add following code to Quick CSS

    #your-custom-id .container { max-width: 100%; width: 100%; padding: 0; margin: 0; }
    #your-custom-id .content { padding: 0; }



    Helloooo! Well, we can do the same using an image inside a “1/1 section” and we don’t need that CSS xD. I supposed with “color-section” we were avaliable to change image size from 100% to 0 but it’s not possible, you were meaning parallax scrolling, did you? Sorry for any missunderstanding I am looking for the same behaviour we have now with the Enfold logo at the top and the menu below but with a bigger logo (100% width) that at the end disappears (0% width), Do you know what I mean now? xDDD

    Thanks for your time ^^


    Sorry Yigit, maybe you are on holidays, any of your mates know how to do it? How can I remove limitations in logo header inside Enfold settings?

    If you go to “Chose a custom height in pixels”, then you cannot set more than 300 px. How can I remove this limitation and then make the logo go to 0 height when I scroll down the custom height.

    Thanks in advance for your answer!



    Sorry for the late reply!
    Can you please post a screenshot and show the changes you would like to make? I would like to make sure to understand it correctly.
    If you would like to increase header height to more than 300px, please go to Enfold theme options > Header > Header Behaviour and disable shrinking header.



    Hello Yigit!!!

    If I disable shrinking header I will not get the shrinking and no matter if I disable it or not the size continues the same, even if you try to see the image size you will see it is less than 300px;

    Let me prepare you a screenshot ;)


    I have uploaded 3 screenshots, you can see them in the private content:
    01 – Scroll at the top
    02 – I have moved the scroll a little bit
    03 – Scroll at the bottom

    Do you know what I mean now? xD
    Thanks Chumpocomon ^^



    Unfortunately that would not be easily possible. I suggested everything i could think of above.
    Please request such header style here – https://kriesi.at/support/enfold-feature-requests/ or if it is urgent for you, please hire a freelance developer.



    Hello again Yigit thanks for your answer xD. Could you tell me how can I align my logo with the menu, It looks like it is at the top instead of in the middle when I use large option in the Enfold settings. It doesn’t happen when I use slim. How can I delete that margin at the bottom of my header? Why I have it? It is not in the Enfold Theme Example xD




    Please add the following to your custom.css file

    .logo img { padding-top: 20px; }


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