Tagged: effect, enfold, menu, mobile, transparent
Hi,
I am trying make the header have the same transition effect that it does on desktop on mobile. I was able to make the menu/header fixed to the top of the browser window, but I would like for the background to be transparent at first, and then as you scroll down transition to solid, as it does on desktop. Would really appreciate any support on this! Thanks!
Hi RubincoDesign!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
background-color: transparent;
position: absolute!important;
}}
Best regards,
Yigit
not working this code
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
background-color: transparent;
position: absolute!important;
}}