Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 4, 2017 at 4:07 am #771472
    StudioProjects

    hi folks

    enfold is without a doubt the best them i have used in many years, with one glaring issue – mobile logo size. i have just sat here for hours attempting every quick css fix for logo size and nothing appears to do the job satisfactorily! can i please have a fix to display the logo on http://www.handhcatering.com.au centred in the header area and sized appropriately across all devices?

    thanks

    A

    April 5, 2017 at 2:08 am #772126
    StudioProjects

    Can I have a response on this ticket, please?

    A

    April 5, 2017 at 5:40 am #772185
    Rikard

    Hi,

    Do you want it centered only on mobile sizes? If so then please try this in Quick CSS:

    @media only screen and (max-width: 767px) {
.responsive #top .logo {
    width: 100%;
    text-align: -webkit-center;
}
}

    Best regards,
    Rikard

    April 5, 2017 at 5:59 am #772202
    StudioProjects

    Hi Rikard

    Sorry, I was talking about vertical centring, not horizontal centring – also about resizing the logo so that it sits in the prescribed area with being cropped.

    A

    April 5, 2017 at 6:44 am #772232
    Nikko

    Hi,

    Try inserting this css code in Rikard’s code:

    .responsive #top .logo img {
    top: 0;
}

    the new code should look like this:

    @media only screen and (max-width: 767px) {
  .responsive #top .logo {
    width: 100%;
    text-align: -webkit-center;
  }

  .responsive #top .logo img {
    top: 0;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

    April 5, 2017 at 6:51 am #772236
    StudioProjects

    Perfect!

    Thanks Nikko! Awesome solution, as usual :)

    Andy

    April 5, 2017 at 6:54 am #772242
    Nikko

    Hi,

    Glad we could help! Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘mobile device logo size’ is closed to new replies.