Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 15, 2021 at 9:26 am #1305742
    ValentinaE87

    Hi there,
    I wanted to use an .svg version of the logo, so following the thread here (after downloading the svg support plugin): https://kriesi.at/support/topic/use-svg-as-the-logo/
    I’ve added on my custom css the following code and it works fine in dekstop version:
    .logo img {
    display: none;
    }
    .logo {
    background: url(‘https://lex4you.it/wp-content/uploads/2021/06/LEX4YOU_logo_default.svg’) no-repeat;
    width: 340px;
    height: 125px;
    }

    The problem is that on the mobile version, I have two times the logo which overlaps.
    Can you help me on displaying also on mobile the correct svg logo?
    Thanks

    June 15, 2021 at 5:10 pm #1305859
    Yigit

    Hey,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
@media only screen and (max-width: 767px){
.responsive .logo img {
display: none;
}}

    Best regards,
    Yigit

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