Tagged: , , , , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 8, 2015 at 8:42 pm #470535
    July 8, 2015 at 8:50 pm #470539
    Yigit

    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,
    Yigit

    July 9, 2015 at 3:39 pm #470948
    Chumpocomon

    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.
    Chumpocomon

    • This reply was modified 9 years, 5 months ago by Chumpocomon.
    July 9, 2015 at 5:39 pm #471035
    Yigit

    Hey!

    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 :)

    Regards,
    Yigit

    July 10, 2015 at 11:09 am #471385
    Chumpocomon

    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

    Regards.
    Chumpocomon.

    • This reply was modified 9 years, 5 months ago by Chumpocomon.
    July 10, 2015 at 4:42 pm #471583
    Yigit

    Hey!

    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; }

    Cheers!
    Yigit

    July 10, 2015 at 5:24 pm #471625
    Chumpocomon

    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 ^^
    Chumpocomon

    July 14, 2015 at 1:50 pm #473157
    Chumpocomon

    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!

    • This reply was modified 9 years, 5 months ago by Chumpocomon.
    July 14, 2015 at 2:13 pm #473172
    Yigit

    Hi!

    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.

    Regards,
    Yigit

    July 14, 2015 at 2:44 pm #473193
    Chumpocomon

    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 ;)

    July 14, 2015 at 3:03 pm #473211
    Chumpocomon

    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 ^^

    • This reply was modified 9 years, 5 months ago by Chumpocomon.
    July 16, 2015 at 11:03 am #474153
    Yigit

    Hi!

    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.

    Cheers!
    Yigit

    July 20, 2015 at 2:48 am #475497
    Chumpocomon

    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

    Thanks!!
    Chumpocomon

    July 20, 2015 at 6:44 am #475556
    Basilis

    Hi!

    Please add the following to your custom.css file

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

    Cheers!
    Basilis

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