Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 12, 2023 at 10:27 am #1418867
    Nathan
    Guest

    Hello, before I updated my enfold I had some extra css. to make the background transparent on a mobile device. How can I get it to do that again after updating. webiste: lifesc.org

    September 12, 2023 at 11:59 pm #1418963
    Nikko

    Hi Nathan,

    Thanks for contacting us!
    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
  .html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
    background-color: transparent !important;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    September 13, 2023 at 3:10 am #1418970
    nfromstein

    Awesome thank you! Is there also a way to make the area where the extra elements are transparent on both mobile and desktop?

    September 14, 2023 at 11:03 am #1419147
    Yigit

    Hey,

    You have the following custom CSS code 

    
#top #header_meta, #top #header_meta nav ul ul li, #top #header_meta nav ul ul a, #top #header_meta nav ul ul{background-color: #000000 !important;}

    Please change it to the following: 

    
@media only screen and (min-width: 768px) { 
#top #header_meta, #top #header_meta nav ul ul li, #top #header_meta nav ul ul a, #top #header_meta nav ul ul{background-color: #000000 !important;}
}

    If you have any other questions, please start new threads under Enfold subforum ( https://kriesi.at/support/forum/enfold#new-post ).

    Regards,
    Yigit

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