Is it possible to keep the current logo size in the masthead and then move the menu to its own line? Maybe you have a better solution?
Thanks!
URL: http://img.techpowerup.org/150120/1-20-201510-46-52PM.png
Keep logo size in masthead; move menu to its own line
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Selecting the notification for new comments. Thanks in advance.
Hi Keith
It’s a bit hard to make out what’s going on in the screenshot. Try this under Appearance > Custom CSS:
/* Logo */ header#masthead.masthead-logo-in-menu .logo { float: none; }Hey Andrew,
That seems to have worked (with moving the menu to its own line, but the logo went back to a small size. How can I fix that?
Thanks
Try adding the following:
/* Vantage Remove Logo in Menu img constraint */ header#masthead.masthead-logo-in-menu .logo > img { max-height: none !important; }Nice, there we go. Just one more question and I should be just about done. Is there a way to keep the menu on the second row a little skinnier?
Thanks, Andrew.
Sure. Menu padding can be set from the Customizer at Appearance > Customizer > Menu. Try that.
You’re the best. Thank you so much.
For sure, glad that helped.
Andrew, I had a question that is unrelated to the stuff above. Is it okay if I ask you in here and avoid creating a new thread?
Go go
Okay, this is something that I just noticed.
I know that the theme (or WP, for that matter) allows you to set a featured image that appears as a thumbnail to the left of the post when viewing the post preview. Is there a way that I can keep this thumbnail, but not have the featured image blown up into such a huge image size on the actual post page?
If I cannot avoid the image showing up on the actual post page on top of the text, can the featured image be right aligned with the text? The image doesn’t show up in the editor, so I doubt this could be done.
Theme Settings > Blog > Featured Image, if you un-check that you’ll turn off featured images just for the single post page, that’s one option. We unfortunately don’t have an option to align it with the text at the moment, but you can try this CSS to make it smaller:
/* Set a max-width for the single post featured image */.single .entry-thumbnail img {max-width: 50%;}Adjust percentage as required.
OR to center and make smaller:
/* Set a max-width for the single post featured image */.single .entry-thumbnail img {margin: 0 auto;max-width: 50%;}Awesome, lightning fast answers. That should be it, Andrew.
Take care
No problem. Let us know if we can help further.
The alternative, is changing the featured image sizes with:
https://wordpress.org/plugins/simple-image-sizes/
And running regen after:
https://wordpress.org/plugins/regenerate-thumbnails/
I’ll fix my Custom CSS above now. The closing code tag shouldn’t go in your Custom CSS.
Cool, CSS fixed now.