Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 18, 2022 at 10:11 am #1341308
    Luisgasser

    Hi,

    i tried to put an svg file as my Logo into the header.

    I found this solution here:

    .logo img {
    display: none;
    }

    .logo {
    background: url(‘http://lifeinconnection.com/calledhigher/files/2015/01/20150116_calledhigher_logo.svg’) no-repeat;
    width: 340px;
    height: 125px;
    }

    But the problem is that my logo will display very, very small.

    The original logo size is 300px to 72px. And it doesn’t change the sice if i set the logo width and height in CSS.

    I private conten is the link to my demo site to see what i mean.

    Thank you for helping

    February 19, 2022 at 8:33 pm #1341427
    Mike

    Hey Stefan,
    Thank you for the link to your site I see your logo is 300px x 72px right now, if you want it to be 340px x 125px please try this css:

    .logo img {
	width: 340px;
    height: 125px;
    max-height: 125px!important;
}

    but you will also need to change your header height to 125px because right now it is set to 72px
    Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Size

    Best regards,
    Mike

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