Archived topic
Logo on top left of my vertical menu
10 replies · Started by Silver on September 14, 2018
Hi,
How can I display my site logo on top left of my vertical menu?
I figured out that by selecting either Sticky+Static or Static my logo appears. But I can't resize it. I tried all the custom CSS I can find here but to no avail. Help?
Thats correct, it needs to be assigned to the navigation for it to appear there. Try this CSS:
.gen-sidebar-nav .main-navigation .navigation-logo img {
width: 100px;
}
David,
Still the logo doesn't resize. Nothing is happening.
Can you add the CSS i gave you to the site. So i can see why it isnt working.
Done, please check.
Hi there,
you have the code inside a media query. Can you place the code outside of this.
Oops, I didn't realize that. Thanks.
Is there any way that I can move it to the corner top left? There is a lot of padding around it. I can't remove the padding using
padding: 0;
I want it to be aligned with the search bar at the top.
No problem.
Ok so lets give this CSS a go:
.separate-containers .inside-left-sidebar {
margin-top: 0;
}
#left-sidebar .gen-sidebar-nav .main-navigation .navigation-logo {
margin: 10px 0 30px !important;
}
David, that worked perfectly.
Thanks!
Awesome. Glad yo be of help.