Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 3, 2015 at 9:55 pm #405433
    WEBIGAMI

    Hi Team,

    I’d like to have a text shadow ONLY on the transparent main menu and NOT on the fixed header scroll down menu. So, once you scroll down, the shadow must disappear.

    When I add this code, the shadow stays once you scroll down:

    .main_menu {
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

    Please advise.

    Thanks and Cheers,
    Jan :)

    March 3, 2015 at 11:04 pm #405472
    Elliott

    Hey Jan!

    You can do this to remove it.

    .header-scrolled .main_menu, .header_scrolled .main_menu {
text-shadow: 0px !important;
}

    Regards,
    Elliott

    March 4, 2015 at 12:44 pm #405712
    WEBIGAMI

    Hi Elliott,

    thank you. But it won’t disappear when scrolling down:

    http://webigami.de/bvo/

    Any other ideas?

    Cheers,
    Jan

    March 4, 2015 at 2:10 pm #405748
    Yigit

    Hi!

    Please change your original code to following one

    .av_header_transparency .main_menu {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

    Best regards,
    Yigit

    March 4, 2015 at 4:15 pm #405834
    WEBIGAMI

    PERFECT! That worked. Thank you :)))

    March 4, 2015 at 4:21 pm #405841
    Yigit

    Hi!

    You are welcome Jan, always glad to help :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Main Menu transparent Shadow’ is closed to new replies.