Need help aligning logo when viewing on iPhone « Support Forum | Kriesi.at

Support Forum » Choices

Need help aligning logo when viewing on iPhone

5 posts from 2 voices

Started 2 months ago by majesticllama
Latest reply from Devin
This topic is not a support question

Tags:

No tags yet.

majesticllama
Member

Hi all,

So my logo didn't conform to the 200x100 dimensions (it's actually 321x70) and when I uploaded it originally it wasn't centered, so I searched on the forum about solutions and I found someone put something like this:

h1.logo {
top: 20px;
}

It looks great on my computer but when I tested it on my iPhone there's a huge gap between the navigation and the logo.

I've provided a screen shot here: http://s8.postimage.org/kaz4uegvp/photo.jpg

Any advice as to how to make the logo look normal when viewing on mobile devices?

Thanks so much.

Posted 2 months ago #
Devin
Moderator
Hi majesticllama,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
/* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
/* put your mobile specific css here */
}
```
Then add your logo css to the space I noted above and adjust the top: 20px to an amount that you like.

Regards,

Devin
Posted 2 months ago #
majesticllama
Member

Thank you Devin! What kind of mobile specific CSS should I put there? Can you give me an example for the logo I have? I'm sorry I don't know much about CSS. Thanks!

Posted 2 months ago #
majesticllama
Member

This is what I put:

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
h1.logo {
top: -20px;
}
}

It doesn't seem to work... I guess my question is how do you accommodate a different size logo in this theme usually?

Posted 2 months ago #

Devin
Moderator

It would be more like

@media only screen and (max-width: 767px) {
  .responsive h1.logo { top: 15px;}
}

Kriesi.at - Wordpress Themes and HTML Templates

Need help aligning logo when viewing on iPhone

Reply

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…