Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1232083

    Dear all,

    I am using a sticky mobile header on a page that is set to transparent header (with regard to desktop screens).

    The problem of this combination is, that the sticky mobile header on scroll down gets transparent for a short moment until it gets solid again. I want it to remain solid (i.e., deactivate header transparency on mobile screens).

    Please have a look of what I mean here: https://www.dental.one

    Do you have a solution to this problem? Thanks in advance!

    Best,

    Hagen

    #1232301

    Hey HagenWittig,

    Can you disable caching and minification for now?

    Best regards,
    Victoria

    #1276320

    Dear Victoria,
    I am very sorry, but I somehow missed your answer entirely. My excuses!
    In order not to disable caching and minification for too long, would you mind to disable it yourself when you are looking at the issue? Please find the login credentials in the private content section.
    Thanks in advance!
    Best regards,
    Hagen

    #1276416

    Hi HagenWittig,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 767px) {
      #top .av_header_transparency .header_bg {
          background-color: #cfd5d3;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1276587

    Dear Victoria,
    This works excellent. Thank you so much. Who would have thought it was that easy! :-)
    Best,
    Hagen

    #1276637

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Sticky mobile header on pages with transparent desktop header’ is closed to new replies.