Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • January 17, 2020 at 8:54 pm #1175650
    byallmeans

    I’m using the transparent header with a background image on SOME pages. This overrides the background image set in the Theme Options > Logo Area. But when scrolling to the top the Logo area background image (.av_minimal_header) is shown when you are nearly at the top. This is quite ugly (two background images).

    How can the Logo are background image be completely hidden when scrolling, on pages where the transparent header is used?

    • This topic was modified 4 years, 11 months ago by byallmeans.
    January 18, 2020 at 5:22 am #1175748
    Jordan Shannon

    Hey oogopslag,

    Can you provide a link to the site/page in question so we can look into this further?

    Best regards,
    Jordan Shannon

    January 18, 2020 at 8:32 pm #1175900
    byallmeans
    This reply has been marked as private.
    January 19, 2020 at 10:13 pm #1176134
    Basilis

    Hi,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    January 19, 2020 at 10:22 pm #1176138
    byallmeans
    This reply has been marked as private.
    January 20, 2020 at 8:18 pm #1176405
    Victoria

    Hi oogopslag,

    Do you mean, you want to hide the blue area above the logo?

    
#top #header.header-scrolled #header_meta {
    display: none;
}

    Best regards,
    Victoria

    January 20, 2020 at 8:30 pm #1176414
    byallmeans
    This reply has been marked as private.
    January 20, 2020 at 9:44 pm #1176475
    Victoria

    Hi oogopslag,

    Can you disable caching and minification for now?

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    January 20, 2020 at 11:12 pm #1176506
    byallmeans
    This reply has been marked as private.
    January 22, 2020 at 2:11 am #1176986
    Ismael

    Hi,

    Thank you for the info.

    The header should have a background on scroll by default, but it’s not displaying because of the following css code.

    .header-scrolled .header_bg {
	display: none !important;
	background-color: #ffffff !important;
}

    It was added in the Quick CSS field.

    Best regards,
    Ismael

    January 22, 2020 at 5:38 pm #1177233
    byallmeans
    This reply has been marked as private.
    January 23, 2020 at 7:16 pm #1177815
    Victoria

    Hi oogopslag,

    If you don’t want the image to show, you need to remove it in the Theme options > Website Styling tab
    Image 2020-01-23 at 19.15.21.png

    If you need further assistance please let us know.
    Best regards,
    Victoria

    January 24, 2020 at 10:05 am #1178056
    byallmeans
    This reply has been marked as private.
    January 27, 2020 at 8:13 am #1178590
    Ismael

    Hi,

    Thank you for the clarification.

    We added the following css code in the Quick CSS field to disable the background image on pages with transparent headers.

    .html_header_transparency .header_bg {
	background: none !important;
}

    Best regards,
    Ismael

    January 27, 2020 at 10:54 am #1178633
    byallmeans

    Excellent, thank you!

    January 28, 2020 at 8:52 pm #1179176
    Victoria

    Hi oogopslag,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    February 18, 2020 at 11:26 am #1185593
    byallmeans
    This reply has been marked as private.
    February 18, 2020 at 3:19 pm #1185699
    Victoria

    Hi oogopslag,

    Best regards,
    Victoria

    February 18, 2020 at 4:13 pm #1185722
    byallmeans
    This reply has been marked as private.
    February 18, 2020 at 4:29 pm #1185733
    Victoria

    Hi oogopslag,

    Please have a look at the following thread:

    Enfold – Make Header Transparent on mobile devices

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 18, 2020 at 5:24 pm #1185745
    byallmeans
    This reply has been marked as private.
    February 18, 2020 at 8:06 pm #1185810
    Victoria

    Hi oogopslag,

    This code is the one that makes the header transparent on mobile, but your header customizations require further adjustments.

    Enfold – Make Header Transparent on mobile devices

    Best regards,
    Victoria

    February 19, 2020 at 5:55 pm #1186128
    byallmeans
    This reply has been marked as private.
    February 26, 2020 at 5:21 am #1187946
    Ismael

    Hi,

    Sorry for the delay. Can we access the site? We would like to check the css code and adjust them if necessary. If not, you can try this css code to make the header transparent on mobile view.

    #top #wrap_all .av_header_transparency, #top #header_main > .container .main_menu .avia-menu  {
	background-color: transparent;
}

    Best regards,
    Ismael

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