How do I move the Logo on the left side of header for NEWS theme?

[elysianWolf]

I want my header to look as it does in the News theme demo with the logo header on the left. Can someone please tell me how to do so. I uploaded my logo image (260x90) and it's centered by default.

And please don't tell me to go into a .php file and start adding code somewhere.

thanks in advance,
Gio

[AnitaC]

Please share a link to your site so we can see what you have.

---

Need help with customization or troubleshooting? Reach out to me.

[elysianWolf]

Well, my site is under construction so outsiders don't have access to it and I can' t see where I can upload a photo to my post. If there's a way, then please let me know.

I thought it was a straightforward question. By default, my logo image is centered in the header, but in the documentation it states that it should be on the left side. Is there not a system to choose where to put your logo, as in 3 radial buttons that give me the following options: left, center, right. If not, it's a ridiculous oversight.

Also, what's the optimal size for retina displays? The documentation states that 260x90 is the recommended size but that will look like crap on retina displays, so what's the optimal size? thanks.

Thanks,
Gio

[AnitaC]

You stated:

I thought it was a straightforward question.

Actually it's not because i need to see how you've placed it in there. But since I cannot seem to assist you, I'll unsubscribe from here and let someone else assist you.

If you aren't happy with the product, maybe you should ask them for a refund.

---

Need help with customization or troubleshooting? Reach out to me.

[elysianWolf]

I added the logo as described in the document.

Settings 》 header 》upload image (260x90 px) 》 save 》view site

[elysianWolf]

I emailed Studiopress and they answered my question promptly. So, for anyone who might have this question in the future, here's the solution. Thanks to Amelia at Studiopress.
---------------------------------------
http://my.studiopress.com/setup/news-theme/#step-8

The main navigation used in the demo of the News Pro theme is a custom Menu widget placed in the header right widget area.

Go to Appearance > Menus and create a new menu. Add your menu items.

Navigate to Appearance > Widgets. Choose the Custom menu widget and drag it to Header Right. In the widget settings, choose the navigation menu you created.

Be sure to click the “Save” button to preserve your changes.

[Tom]

StudioPress support is dynamite. Their documentation is sometimes lacking. Or maybe ... catching up.

The main navigation used in the demo of the News Pro theme is a custom Menu widget placed in the header right widget area.

That is what the instructions say but is clearly incorrect as proven by the StudioPress online demo:

Without the "ad feature" (or other widget item) in the header right widget area, a header image/logo will center in the available space. This is actually desirable if someone wants to use a much wider header image or banner, centered.

If for some reason you want a small header image (default = 260x90px), nothing in header right, and the header image pushed to the left, you can use the following CSS:

.header-image .site-title a {
	background-position: left !important;
}

The image is not pushed fully left but does handle properly through different screen sizes. To push it fully left, add:

.header-full-width .site-title {
    padding: 0px;
}

This will necessitate some additional tweaks through media queries for proper positioning on .smaller screens.

(To add an image to your post, click the img button in the post header.)

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[elysianWolf]

Thank-you for the response and detailed info. Yes, adding an empty widget to the header doesn't seem very elegant.

So, where would I add the CSS you shared? I'm not a coder and I really don't want to start messing with HTML files but I know you can add CSS without having to edit HTML files. Am I right? Either way, where would the CSS go?

Thanks, and sorry for the basic question but I was really hoping that Studiopress would not force me to become a coder. I'm waiting for Design Palette Pro to be released for the News theme as I'm hoping that most of these minor tweaks will be handled by this plugin.

Front Page

[Tom]

It's possible to place this CSS in the bottom of your child theme stylesheet: style.css. This can cause some problems down the road if you're doing many changes, plus the disorganization is not a good practice. See Andrea's post about CSS changes. She shows one way to find the element to change in the stylesheet.

You should check with the Design Palette Pro folks about how it can be used to style your theme. For ad-hoc changes they have an extension called "Freeform Style" that adds an area for additional CSS entries.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[elysianWolf]

Great. Thanks for the info. I'll look into Freeform Style.

[Author]

Posts