Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 26, 2017 at 3:28 am #829895
    scionet

    Hello,

    My apologies for creating this new thread/topic. I’ve read through every thread that talks about this issue and implemented all codes suggested to css and my header is still not transparent when on mobile devices. Please advise. Thank you.

    July 26, 2017 at 4:47 am #829911
    Vinay

    Hey oshares,

    To make your header transparent in mobile Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    

@media only screen and (max-width: 767px){
.html_header_top.html_header_sticky #top #wrap_all #main {
    margin-top: -143px;
}
.responsive #top #wrap_all #header {    
    background: transparent;
}
}

    Best regards,
    Vinay

    July 26, 2017 at 5:53 am #829953
    scionet

    This did not work.

    July 26, 2017 at 11:17 am #830099
    Sarah

    Hi,

    Can we possibly have admin access to your website so that we can take a closer look?

    Best regards,
    Sarah

    August 7, 2017 at 10:47 pm #835625
    scionet
    This reply has been marked as private.
    August 11, 2017 at 7:30 pm #837624
    scionet

    Can you let me know if you are able to assist in this issue?

    August 12, 2017 at 3:41 pm #837923
    Mike

    Hi,
    I have added Vinay’s code to your Quick CSS, and it is working now. Please clear your cache and check. Please see the screenshot in Private Content area.

    Best regards,
    Mike

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