Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 13, 2018 at 6:29 pm #972431
    Andrii

    Hello, support team!

    Is it possible to easily make the header transparent on mobile devices (not tricky way) or this feature is not supported at all and I can only create a new feature request ? I tried to use workarounds from another threads, but unfortunately all of them have some related issues. Please advice!

    What I want to do: use transparent header + full screen slider on mobile devices.

    Thanks,
    Andrii

    June 14, 2018 at 4:22 pm #972878
    Victoria

    Hey Andrii,

    Could you please give us a link to your website, we need more context to be able to help you.

    Let’s see what you have there and if we can really adjust it.

    Best regards,
    Victoria

    June 15, 2018 at 11:40 am #973253
    Andrii

    Hello Victoria,

    Thank you for the quick response!

    What I want to achieve:
    1. Make header transparent using transparency options from [Enfold’s Header Tab] – white logo and hamburger.
    2. Avoid header blinking while scrolling slowly when the [Sticky Header] flag is set – I faced this issue when made header transparent for mobile devices using this code.

    BR,
    Andrii

    June 16, 2018 at 12:20 am #973479
    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

    July 23, 2018 at 10:45 am #988642
    Andrii

    Hello support team !

    I made header transparent on my home page using the following code

    
@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;
}}

    looks good but when swiping down the transparent header transforms into normal (white from enfold settings). Is it possible to disable this behavior?

    You can visit my site.

    P.S. I also found how to change logo and burger images to “transparent” from Enfold setting here.

    Thanks in advance,
    Andrii

    July 23, 2018 at 6:45 pm #988819
    Victoria

    Hi Andrii,

    Yes, all these can be done in the theme options. But leaving the header transparent all the time, is this what you want?

    Best regards,
    Victoria

    July 23, 2018 at 10:00 pm #988939
    Andrii

    Hi Victoria,

    Yes, I want to have transparent header on mobile, but faced the problem which I described above.
    Please see attached images.

    Regards,
    Andrii

    July 25, 2018 at 10:11 pm #989942
    Basilis

    Hi,

    Our developer has applied a fix for that problem and it is something that will be updated really soon.
    When the new update is launched, you will be able to see all the details! :)

    Best regards,
    Basilis

    July 25, 2018 at 10:33 pm #989960
    Andrii

    Dear Basilis,

    Thank you for the great news! You can close the topic.

    Best Regards,
    Andrii

    July 26, 2018 at 12:35 am #989998
    Vinay

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Transparent header on mobile devices’ is closed to new replies.