Tagged: , ,

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • August 14, 2014 at 9:18 pm #304594
    August 15, 2014 at 1:35 am #304660
    bogosavljev

    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?

    August 15, 2014 at 9:58 am #304774
    bogosavljev

    Hello,

    any moderator online to help me with this Transparent header?

    August 15, 2014 at 11:16 am #304835
    Yigit

    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

    August 15, 2014 at 12:41 pm #304863
    bogosavljev

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

    August 15, 2014 at 12:50 pm #304865
    Yigit

    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

    August 15, 2014 at 12:53 pm #304870
    bogosavljev

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

    August 15, 2014 at 12:59 pm #304873
    Yigit

    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

    August 15, 2014 at 1:07 pm #304877
    Yigit

    Hi!

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

    Best regards,
    Yigit

    August 15, 2014 at 1:14 pm #304887
    bogosavljev

    OK,

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

    Regards,
    Djuka

    August 15, 2014 at 1:18 pm #304891
    Yigit

    Hi!

    No i will not. I think you have missed my last post – https://kriesi.at/support/topic/logo-in-header-transparency-overlapping-with-main-logo-when-scrolling-down/#post-304877

    Cheers!
    Yigit

    August 15, 2014 at 1:28 pm #304895
    bogosavljev

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

    August 15, 2014 at 3:06 pm #304931
    Yigit

    Hey!

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

    Best regards,
    Yigit

    January 21, 2015 at 2:09 am #382822
    jdepal20
    This reply has been marked as private.
    January 21, 2015 at 6:09 pm #383223
    Yigit

    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

    January 23, 2015 at 3:16 am #384160
    jdepal20

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

    January 23, 2015 at 6:59 pm #384550
    Yigit

    Hi!

    Please try following code

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

    Cheers!
    Yigit

    January 24, 2015 at 7:14 pm #384933
    jdepal20

    Thanks Yigit! That worked!

  • Author
    Posts
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.