Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 28, 2017 at 9:02 am #844731
    norcalnathan

    Hi,

    I have an image for my header and then the menu below it. The header image is the only thing in the header. When the screen size is mobile, the Enfold with the Enfold logo was displayed on top of the image. I added the code below to suppress Enfold but it also hides the image.

    .responsive .logo { display: none !important; }

    I would like to still have the image even though it is cropped – but no Enfold. I’d also like to know if there is a way to have the header image be more responsive so it also shrinks in size.

    Again, the code above is in the child CSS file and is currently suppressing both the Enfold logo (good) and the header image (bad). I also have code to suppress Enfold and logo on full screens in the child CSS.

    Thanks!

    August 30, 2017 at 1:35 pm #845775
    Victoria

    Hey norcalnathan,

    Try this code instead, 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) {
    .responsive .logo img { display: none; }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

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