Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 11, 2014 at 10:04 pm #349694
    odez

    I’ve updated the theme and the logo looks great on a computer but it won’t resize to fit a tablet. It’s actually showing up too small. Please take a look at the site here: http://odez.com/serena/

    The logo fills the height of the logo area better on a computer screen. It only fills up half the height of the logo area on the tablet.

    Thank you,
    Olivia

    November 12, 2014 at 9:32 pm #350352
    Josue

    Hey Olivia!

    Try adding this code to the Quick CSS:

    .logo {
    top: 25px;
}

    Cheers! 
    Josue

    November 13, 2014 at 2:27 am #350547
    odez

    Thanks for the quick reply. I’ve added the code to the Quick CSS but no change on the iPad test. The logo seems to adjust fine on iPhone but the iPad it shows very small in the header space.

    Any other ideas?

    Thanks,
    Olivia

    November 13, 2014 at 3:01 am #350555
    Josue

    Hey Olivia!

    Can you post a screenshot of your view on iPad?

    Best regards,
    Josue

    November 13, 2014 at 4:43 am #350566
    odez

    Here’s a screen shot taken from the iPad: http://odez.com/imgs/IMG_0059.png

    I should also mention the iPad has gone through all the latest iOS updates.

    Thanks,
    Olivia

    November 14, 2014 at 3:25 am #351087
    Ismael

    Hey!

    Thank you for the screenshot.

    Please use this on Quick CSS or custom.css:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .logo img, .responsive .logo {
margin: 0;
height: 74px;
width: 634px !important;
}
}

    Cheers!
    Ismael

    November 14, 2014 at 3:34 am #351088
    odez

    PERFECT!! it works like a charm. Thank you so very much. I really appreciate the quick replies too!
    Olivia

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Logo won't resize correctly on tablet (iPad tested)’ is closed to new replies.