Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 8, 2014 at 5:28 pm #248861
    basmati

    hi team, enfold is supposed to be retina ready. but how can i manage that? i read the topic about editig theme framework files – but i use a child theme and copying the framework files into the child theme folder and changing the php for the logo size didn’t work out. please could you explain a way to this feature?

    April 8, 2014 at 5:31 pm #248866
    Yigit

    Hi basmati!

    You should use a plugin such as this one – http://wordpress.org/plugins/wp-retina-2x/

    Cheers!
    Yigit

    April 8, 2014 at 5:45 pm #248878
    basmati

    it worked out with that function:
    http://code.tutsplus.com/tutorials/ensuring-your-theme-has-retina-support–wp-33430

    • This reply was modified 10 years, 8 months ago by basmati.
    April 8, 2014 at 6:11 pm #248890
    basmati

    thanks Yigit, but now the mobile responsive view looks awfull. enfold enlarges the logo for mobile devices. now i’m seacrching for the enfold media queries – can you give me a hint where to find them in the parent theme?

    April 8, 2014 at 6:30 pm #248897
    Yigit

    Hey!

    Please go to Enfold/Css folder and open Grid.css file. If you can point out the elements and post the link to your website, we can also gladly help you

    Best regards,
    Yigit

    April 8, 2014 at 8:13 pm #248933
    basmati

    ok – i found it
    but there seems to be no media query for the logo –
    the height is reduced to 80px (!important) – why is that?

    how to change the height?
    the file is 600px x 70px @2x = 300px x 35px (2:1)

    .responsive .logo a, .responsive .logo img {
    height: 80px !important;
    margin: 0 auto;
    max-height: 80px !important;
    max-width: 100%;
}
    • This reply was modified 10 years, 8 months ago by basmati.
    April 9, 2014 at 4:58 am #249055
    Josue

    Hey!

    You could create a media query targeting the logo on mobile:

    @media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
    height: 35px !important;
    margin: 0 auto;
    max-height: 35px !important;
    max-width: 100%;
}
}

    Cheers!
    Josue

    April 9, 2014 at 11:45 am #249199
    basmati

    thanks josue, works perfect!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Retina Ready’ is closed to new replies.