Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 27, 2017 at 3:37 pm #784063
    bauchope

    Hello,
    can you help? I want to keep the header transparent when I scroll down so that it doesn’t change from the top of the page. Have tried all variations but nothing is working.

    Many thanks in advance
    Kim

    April 27, 2017 at 3:39 pm #784065
    bauchope

    screenshot here: http://www.paintycait.com/wp-content/uploads/2017/04/paintycait-image.docx

    want it to be as the 1st image when I scroll down

    Thanks

    April 27, 2017 at 3:55 pm #784087
    Yigit

    Hey!

    I added following code to bottom of Quick CSS field in Enfold theme options > General Styling tab

    .home #header_main {
    border: none;
}
.home .header_bg {
    background: transparent;
}

    Please review your website and remove “.home” classes from codes if you would like to apply the changes globally and not only on home page

    Best regards,
    Yigit

    April 27, 2017 at 5:40 pm #784125
    bauchope

    Thanks,
    I do indeed want it to run through the whole site – I tried removing the .home but it didn’t show the header on the other pages. Have I missed something? I’ve returned the css to what you added.

    Thanks again
    Kim

    April 27, 2017 at 7:17 pm #784153
    Yigit

    Hi,

    I see that you have changed the code to following one

    .home .header_bg {
    background:  #6e2a7d;
}

    If you would like to display transparent header even when scrolled down on all pages, please use the code as following

    .header_bg {
    background:  transparent!important;
}

    If that is not what you meant, please elaborate :)

    Best regards,
    Yigit

    April 28, 2017 at 9:44 am #784375
    bauchope

    Hello Yigit,

    The header on the homepage is perfect – no change needed there.
    On all the other pages I would like the header to be solid purple – as it is when you scroll down the homepage. Is this possible?

    If not I would like the header to be solid purple.

    As it looks at the moment the header is not visible at all on the other pages – only visible on homepage.

    Many thanks
    Kim

    April 28, 2017 at 4:52 pm #784700
    bauchope

    Actually it’s fine – I think I may have solved the issue

    Many thanks
    Kim

    April 28, 2017 at 5:04 pm #784711
    Yigit

    Hi!

    Glad you figured it out!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Header Transparency – keeping header same on scroll down’ is closed to new replies.