Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 12, 2019 at 4:09 pm #1077854
    Munford

    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, 9 months ago by Munford.
    March 14, 2019 at 6:58 pm #1078787
    Victoria

    Hey Munford,

    Can you please share the link to your website?

    Best regards,
    Victoria

    March 14, 2019 at 8:04 pm #1078838
    Munford

    sorry yes see below

    my client wants only a transparent header, not sticky, transparent also on scroll.
    thanks
    Nancy

    March 15, 2019 at 12:00 pm #1079082
    Munford

    I 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.

    View post on imgur.com


    I have checked all settings/css and can’t see what is happening.
    thanks for your help
    Nancy

    March 20, 2019 at 2:10 am #1080595
    Ismael

    Hi,

    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,
    Ismael

    March 20, 2019 at 11:44 am #1080778
    Munford

    Hi 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, 9 months ago by Munford.
    March 21, 2019 at 4:17 pm #1081455
    Ismael

    Hi,

    You’re welcome. Please don’t hesitate to open a new thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

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