Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 3, 2015 at 1:47 am #528924
    idewar

    Hello,

    I currently have a white version of my logo in place on the header that disappears when scrolling, is there a way that, instead I could have a white logo just as it is, but when scrolling down(and the menu appears on top of a white bar) a smaller brown version of my logo could sit on the right hand side of the menu bar.

    I hope this makes sense..

    I Currently have this custom CSS in place

    .logo, .logo a, .logo img {
    position: relative;
    left: 0;
    height: 250px;
    overflow: visible;
    max-height: 250px!important;
    padding: 0;
    }
    #top .av_alternate_logo_active .logo a > img {
    opacity: 0;
    }

    November 3, 2015 at 1:52 am #528927
    Yigit

    Hey idewar!

    Please go to Enfold theme options and upload your brown logo and then go to Enfold theme options > Header > Transparency Options and upload your white logo and then change your code to following one 

    .av_header_transparency .logo,.av_header_transparency .logo a,.av_header_transparency .logo img {
position: relative;
left: 0;
height: 250px;
overflow: visible;
max-height: 250px!important;
padding: 0;
}

    and remove following code

    #top .av_alternate_logo_active .logo a > img {
opacity: 0;
}

    Regards,
    Yigit

    November 3, 2015 at 2:22 am #528938
    idewar

    That works perfect, but the white logo has moved to a random place please see the site.

    November 3, 2015 at 2:29 am #528939
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .av_header_transparency .logo>a>img {
    display: none;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

    November 3, 2015 at 2:32 am #528941
    idewar

    Perfect, the support here is incredible!! , is there anyway i can shift it over to the left, i dont know why its so far over?

    November 3, 2015 at 2:37 am #528942
    Yigit

    Hey!

    That is because you have a huge whitespace around your logo. Please edit your logo image and remove it.

    Thank you for your kind words :)

    Regards,
    Yigit

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