[Highlander79]

So, I’m rather new to coding, but what I would like is to put a small version of my logo into what I believe is called the masthead. The part where the menu links are, if I was wrong :). I would rather have my logo there than the header because it would enable my logo to float on the top of the page.

[Sakin]

@Highlander79: Yes, we have build this theme to add logo in masthead. I think you are confused with Logo and Header Featured Image.

To add logo:
1. Go to “Appearance => Theme Options => Header Options”
2. Then in “Logo url”, either you can paste in your logo URL image or you can simply upload it by clicking on “Change Logo” button.
3. Make sure you have un-checked “Disable Logo”
4. Save changes and you will see your logo.

Have a nice day.

[Highlander79]

Great! @sakin thanks, I thought that something else. I appreciate the help.

[BlueFalcon]

If I include a logo (small square image), it displays the logo, site title, and site description fine in the standard desktop view. But in the mobile view, the masthead only displays the logo, not the site title and site description. However, there is plenty of space (since the logo is a small square shape). Is there a way to either (a) make the logo, site title, and site description display in the mobile view, or (b) make the site title and site description display in the mobile view without the logo (while still showing all three in the desktop view), or (c) show an alternate logo in mobile view (so I can make an image that combines the logo, site title, and site description)?

Thanks!

[Sakin]

@BlueFalcon: Can you try adding in the following css in “Appearance => Theme Options => Custom CSS” box ans check in.

@media screen and (max-width: 640px) {
	#hgroup.logo-enable {
		display: inline-block;
	}
}

[BlueFalcon]

Thanks, that works. I also discovered that I need to add the following to keep the title/description visible after scrolling down the page:

@media screen and (max-width: 980px) {
	.fixed-header #hgroup.logo-enable {
		display: inline-block;
	}
}

[Sakin]

@BlueFalcon: That’s cool 🙂

[Author]

Posts