Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 30, 2016 at 12:12 pm #640258
    May 30, 2016 at 2:05 pm #640356
    Yigit

    Hey emilbroll,

    Please go to Enfold theme options > Header > Transparency Options and remove transparent logo

    Best regards,
    Yigit

    May 30, 2016 at 2:06 pm #640358
    emilbroll

    I might not have explained it clearly – I want to use the alternative logo, but when scrolling a page that uses the alternative logo, I don’t want the other logo to appear.

    May 30, 2016 at 2:17 pm #640373
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

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

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

    Best regards,
    Yigit

    May 30, 2016 at 2:50 pm #640420
    emilbroll

    Thanks for the help, this is what ended up being what I wanted :)

    .html_header_transparency #top .logo a > img {
    opacity: 0;
}
.html_header_transparency .logo img.alternate { opacity: 1; }
    May 30, 2016 at 2:53 pm #640424
    Yigit

    Hi!

    Great! Let us know if you have any other questions or issues

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Avoid logo switching when scrolling on page with transparent header’ is closed to new replies.