Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 7, 2019 at 11:22 am #1064023
    olvralbrcht

    Hi,

    I´m trying to get the header on mobile devices transparent, but for some reason unfortunately the code:

    @media only screen and (max-width: 768px) {
    .responsive #top #wrap_all #header {
    position: absolute;
    background: transparent;
    }}

    is not working. I cleared my cache and also renewed the site many times.

    Please let me know what I can do to solve this issue.

    Thanks!

    February 9, 2019 at 9:17 pm #1064999
    Victoria

    Hey olvralbrcht,

    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 #wrap_all .av_header_transparency {
        background-color: transparent !important;
         position: absolute!important;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 10, 2019 at 7:11 pm #1065187
    olvralbrcht

    Hey Victoria,

    it worked well! Thanks a lot!

    Have a great day!

    February 11, 2019 at 2:01 am #1065264
    Nikko

    Hi olvralbrcht,

    Glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

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