Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1077854

    HI,
    I am having the same issue with my transparent header on mobile as in this thread: https://kriesi.at/support/topic/ (Purchase code hidden if logged out) /#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 6 months, 1 week ago by  Munford.
    #1078787

    Hey Munford,

    Can you please share the link to your website?

    Best regards,
    Victoria

    #1078838

    sorry yes see below

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

    #1079082

    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

    #1080595

    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

    #1080778

    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 6 months ago by  Munford.
    #1081455

    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

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.