Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #304594
    #304660

    In other hand, how to make header like this?

    http://kriesi.at/themes/enfold/shortcodes/images-with-hotspots/

    When I scroll down, my logo (letter B) is too small and first “Transparent logo” (full logo) is still visible when I scroll down..

    How to solve this?

    #304774

    Hello,

    any moderator online to help me with this Transparent header?

    #304835

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab
    1-

    .header-scrolled span.subtext {
    opacity: 0;
    }

    2- Please try deactivating all active plugins and check if that helps.
    3- Currently it is not possible without customizing the theme. You can request such feature here – https://kriesi.at/support/enfold-feature-requests/ or hire a freelance developer if you really need it.

    Best regards,
    Yigit

    #304863

    Hello,

    1. This didn’t help, still when I scroll down second logo is too small, and transparent logo is visible behind letter B (look carefully). Please login with provided username and pass and check it.

    2. I have deactivate all plugins, non of them are cause problem with Advanced Layerslider…

    3. OK, then I will do it by my self ;)

    #304865

    Hi!

    1- You had missing closing curly bracket in your custom CSS code, i added it and the i posted is working fine now
    2- Do you mind if we deactivate plugins for testing purposes?

    Best regards,
    Yigit

    #304870

    Thanks for point 1. (do you know why small blue logo after scrolling down is so small?).
    2. Go ahead and deactivate all plugins, this is just test site, and I have just start with customization :)

    #304873

    Hi!

    I will look into it and keep you updated :)
    Logo is soo small because you have this custom CSS code in Quick CSS field

    .logo img {
    padding: 20px 0;
    }

    You can use following code to adjust the padding on logo when scrolled down

    .header-scrolled .logo img {
    padding: 10px 0;
    }

    Best regards,
    Yigit

    #304877

    Hi!

    Have you made any changes on JS files on child theme? LayerSlider works fine on parent theme

    Best regards,
    Yigit

    #304887

    OK,

    please just don’t forget me, to check this issue with Advanced Layerslider…

    Regards,
    Djuka

    #304891
    #304895

    Maybe I have change something in some JS, I will check it. I will let you know.

    #304931

    Hey!

    Sure, we will be waiting to hear from you :)

    Best regards,
    Yigit

    #382822
    This reply has been marked as private.
    #383223

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av_header_transparency span.subtext {
    opacity: 1;
    }
    span.subtext {
    opacity: 0;
    }

    Best regards,
    Yigit

    #384160

    Awesome. that worked, thanks!

    Another question, do you know how to remove the entire header but only on the fontpage when its on a mobile phone? 767px or smaller.

    Thanks!

    I tired:
    #page-id-96 .responsive #top #wrap_all #header {
    display: none;
    }

    and:
    .home .responsive #top #wrap_all #header {
    display: none;
    }

    #384550

    Hi!

    Please try following code

    @media only screen and (max-width: 769px) {
    .page-id-96  #header { display: none !important; }}

    Cheers!
    Yigit

    #384933

    Thanks Yigit! That worked!

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Logo in header transparency overlapping with main logo when scrolling down’ is closed to new replies.