Positioning Logo and Scaling Image

Tagged: logo

This topic has 1 reply, 2 voices, and was last updated 10 years, 5 months ago by Wes.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
November 4, 2013 at 7:08 am #8689
yerrato
Customer
How can you add a top margin to the logo? I know I could do this within the image, but I would prefer to do it with CSS.

Also, is there a way to not crop down the logo when uploading it? Because when the logo is displayed on an iphone it looks fuzzy. Typically you would have the original image be larger, which makes the image sharper when it gets reduced in size via CSS.

Here’s a link to my site: http://develophealth.com

Thanks

Peter
November 4, 2013 at 12:50 pm #8696
Wes
Moderator
You could add padding to the .head-wrap like this – padding: 20px 0 0;…..and adjust it until you get the effect you want.

If you do that, then you’ll need to decrease the padding on the .header-image .site-header .widget-area on line 1975

…then the padding on the menu links as well – .menu-item a on line 4184

Before you upload your logo, you need to change the size in your functions.php file to the exact size of your logo, then you won’t need to crop. Here is a tutorial you can check out for that – http://www.carriedils.com/add-logo-genesis-theme/
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.