Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 28, 2014 at 5:25 am #256903
    headbentdesign

    Everything about the Enfold theme is fantastic except the responsive logo. I seem to have the hardest time getting the logo (specifically the centered logo) to fit/look right on a smartphone.

    Is there anyway to upload a separate logo that is sized correctly for the smartphone header? I have used other themes that either had a spot in their admin for this or had a workaround by adding some additional code to insert a new logo image just for the smartphone.

    Is this possible?

    Thanks!

    April 28, 2014 at 11:36 am #256998
    Ismael

    Hi headbentdesign!

    Thank you for using the theme!

    If you don’t mind, we would like to see the actual website. A screenshot how you want the logo to look like will help. Maybe, you can set the logo as background when viewing on mobile device. Add this on Quick CSS:

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

.responsive.html_header_top.html_logo_center .logo {
background: url('IMAGE URL HERE') no-repeat;
width: 100px;
height: 70px;
}
}

    The logo image size should correspond on the width and height property that you set on the css.

    Best regards,
    Ismael

    April 28, 2014 at 8:02 pm #257280
    headbentdesign

    Thanks Ismael! I will give this a try tonight and let you know. The site I’m working on is currently hidden but if this doesn’t work I will send you access so you can see what I’m trying to do.

    Thanks again!

    April 28, 2014 at 10:51 pm #257347
    headbentdesign

    Worked like a charm!!

    Thank you!!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Separate Logo image for Mobile’ is closed to new replies.