Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 22, 2022 at 9:41 am #1373465
    xela

    Hello there,
    could you help me with following?
    On the browser-desktop size the background of the header is transparent, now I need to get the header transparent on tablet and mobile size, can you help?
    — it is just to be done on the homepage, please see below

    Thanks!

    November 22, 2022 at 2:40 pm #1373513
    Mike

    Hey xela,
    Thank you for the link to your site please try this code in the General Styling ▸ Quick CSS field

    @media only screen and (max-width: 989px) {
.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
    background-color: transparent;
    color: #000000;
    border-color: transparent;
}
.responsive #top #main,
.responsive.html_mobile_menu_tablet.html_header_top #top #main {
    margin-top: -99px;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    November 22, 2022 at 3:41 pm #1373533
    xela

    That worked, thanks a lot!

    November 22, 2022 at 4:02 pm #1373538
    Nikko

    Hi xela,

    I’m glad that Mike could help you :)
    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 in Tables/mobile sizes’ is closed to new replies.