Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 3, 2021 at 5:38 am #1277233
    karthik16

    My site shows up fine a computer screen.
    On a mobile screen, my site has a white background header and burger icon above the image. How do I either

    1) Hide this header and display my logo or
    2) Make the header area black so my logo shows

    Thanks in advance

    February 3, 2021 at 7:12 am #1277249
    Jordan Shannon

    Hey karthik16,

    Add this to quick css:

    @media only screen and (max-width: 989px){
#top .av_header_transparency #header_main{
background:#000!important;
}}

    Best regards,
    Jordan Shannon

    February 3, 2021 at 6:36 pm #1277434
    karthik16

    Hi Jordan,
    That did not fix the issue. I still see a white header on small screens.

    Thanks

    February 4, 2021 at 6:50 am #1277560
    Nikko

    Hi karthik16,

    Can ou try adding this in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
  .responsive #top #wrap_all #header {
    background-color: black;
  }
}

    Best regards,
    Nikko

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