Add logo next to title

golfheure · Member · Nov 8, 2016 at 6:49 pm
Copy link

Add topic to favorites
Hi,

I would like to know if it’s possible to add my logo next to my web page title (Golfheure) in my header menu when you land on my site.

I would also like to control the size (pixel) of my logo when it will be next to my title.

Thank you for your help!

The blog I need help with is: (visible only to logged in users)
innisfreehomestead · Member · Nov 8, 2016 at 10:53 pm
Copy link
Hey there!

That can be done with some custom CSS. Would mind sharing the link of the logo you’d like to use? And would you like it on the right or the left of the text?

Let me know,
Sage
golfheure · Member · Nov 8, 2016 at 11:52 pm
Copy link
I just resolved the problem 2 minutes ago.

Thank for your help!

These are my codes:

.site-logo {
margin: 0 auto;
width: 70px;
height: auto;
position: absolute;
left: 25px;
top: 12px
}

.site-description,
.site-title {
text-align: center;
}
golfheure · Member · Nov 8, 2016 at 11:56 pm
Copy link
Oups!

I’ve just realize that my codes aren’t adapt for mobile. Would you help me resolve that?

This is the link of my logo:

I would like it to be on the left side of my site title.

Thank you!
innisfreehomestead · Member · Nov 9, 2016 at 5:58 pm
Copy link
Hey there,

Glad to hear you were able to get it sorted!

Adding something like this should help for mobile:
```
@media screen and (max-width: 1020px) {
	.site-logo {
		position: relative;
		left: 0;
	}
}
```
Let me know if that doesn’t work!
Sage
golfheure · Member · Nov 9, 2016 at 6:43 pm
Copy link
I’ve just tried to add your code at the begining of my CSS.

So now, I’ve got something like this:
```
@media screen and (max-width: 1020px) {
	.site-logo {
		position: relative;
		left: 0;
	}
}

.site-logo {
	margin: 0 auto;
	width: 70px;
	height: auto;
	position: absolute;
	left: 25px;
	top: 12px;
}

.site-description,
.site-title {
	text-align: center;
}
```
The problem is:

1. It doesn’t make any difference on my mobile web page. Maybe there is something wrong about my code?

2. If I erase my codes, my logo appears to be on the top on my site title and the height of my header is increased.

Thank you very much for your help!
innisfreehomestead · Member · Nov 9, 2016 at 6:55 pm
Copy link
Hey there!

Would you mind placing my code underneath yours?

Let me know if that doesn’t work,
Sage
golfheure · Member · Nov 9, 2016 at 9:09 pm
Copy link
IT WORK!

Thank you very much :)
innisfreehomestead · Member · Nov 9, 2016 at 9:13 pm
Copy link
Huzzah!

No items found.