Add logo to primary menu

tip411 · Member · Oct 18, 2016 at 1:45 pm
Copy link

Add topic to favorites
Theme: Harmonic – Want to add our company logo to our primary menu – is there a way to add it via css?

The blog I need help with is: (visible only to logged in users)
innisfreehomestead · Member · Oct 18, 2016 at 3:23 pm
Copy link
Hello there!

The easiest way would be for you to create a menu item and put it in the position you would like the logo to appear. Would you mind doing that (can just create an item that called home that links to your main page if you’d like) and giving me the link to your logo?

Thanks,
Sage
tip411 · Member · Oct 18, 2016 at 3:48 pm
Copy link
I added Home to the social media menu
innisfreehomestead · Member · Oct 18, 2016 at 3:51 pm
Copy link
Hey there,

Sorry, but I’m not seeing the social media menu, would you mind pointing me in the right direction?

Thanks,
Sage
tip411 · Member · Oct 18, 2016 at 4:00 pm
Copy link
Sorry – Social Links menu
innisfreehomestead · Member · Oct 18, 2016 at 4:05 pm
Copy link
Hey, sorry, but I still don’t see that ^_^; What page/where on the page can I find it? Also, if you would like the image to be in your main menu, the best place to put the link is there as then I can work out the sizing for that spot rather than a place it isn’t even going to be.

Thanks,
Sage
tip411 · Member · Oct 18, 2016 at 4:45 pm
Copy link
done
innisfreehomestead · Member · Oct 18, 2016 at 5:20 pm
Copy link
Hey there,

This is for https://blog.tip411.com/ right? I’m still not seeing any new links in the menu :/

Thanks,
Sage
tip411 · Member · Oct 18, 2016 at 5:32 pm
Copy link
tip411site.wordpress.com
innisfreehomestead · Member · Oct 18, 2016 at 7:33 pm
Copy link
Ah, there we go!

Helps if you’re looking at the right site :)
Dropping this code in your custom CSS area should do the trick:
```
.menu-item-513 a {
	background-image: url(https://tip411site.files.wordpress.com/2016/10/tip411_rgb.png);
	text-indent: -9999px;
	width: 140px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.menu-item-513 {
	padding: 0 20px 0 0 !important;
}
```
Please keep in mind, as it is part of the menu, it will vanish into the collapsible menu on mobile. Also, with the colours half of it disappears into the background.

Let me know if that doesn’t work,
Sage

The topic ‘Add logo to primary menu’ is closed to new replies.

No items found.