![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: mobile, scroll, transparent header
-
AuthorPosts
-
March 12, 2019 at 4:09 pm #1077854
HI,
I am having the same issue with my transparent header on mobile as in this thread: https://kriesi.at/support/topic/transparent-header-on-mobile-devices/#post-988642, but don’t find a fix other than “it’s going to be fixed in the next version”
I am using this code to make the header transparent:@media only screen and (max-width: 767px) { #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle { background: transparent!important; position: absolute!important; }} @media only screen and (max-width: 767px) { .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img { opacity: 0 !important; } .responsive #top .av_header_transparency .logo img.alternate { display: block !important; }}
but when I scroll down it flips to a white background and glitches the page a bit since it pushes the video down. Can you check this and find a fix?
thanks for your help
Nancy-
This topic was modified 5 years, 6 months ago by
Munford.
March 14, 2019 at 6:58 pm #1078787Hey Munford,
Can you please share the link to your website?
Best regards,
VictoriaMarch 14, 2019 at 8:04 pm #1078838sorry yes see below
my client wants only a transparent header, not sticky, transparent also on scroll.
thanks
NancyMarch 15, 2019 at 12:00 pm #1079082I am having issue with my non-transparent header as well which are set to a white header background are now showing with a black background on all browsers.
I have checked all settings/css and can’t see what is happening.
thanks for your help
NancyMarch 20, 2019 at 2:10 am #1080595Hi,
Transparent header are intentionally disabled on mobile devices because it doesn’t really give users any advantage in terms of navigating the site. Users has the option to go back to the very top of the page if they want to go somewhere else. I have no idea why @basilis told you that it’s going to be fixed or changed in the next version, but there is no plan on enabling it on mobile devices, at least not that I’m aware of.
The header background issue is cause by this css code.
.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a { background-color: transparent !important; }
Best regards,
IsmaelMarch 20, 2019 at 11:44 am #1080778Hi Ismael
thanks for all the info.
It’s working now and that code you mentioned seems like it’s redundant – not sure why I added that since the transparent header is working fine.
Thanks for your help
Nancy-
This reply was modified 5 years, 5 months ago by
Munford.
March 21, 2019 at 4:17 pm #1081455 -
This topic was modified 5 years, 6 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.