1) How big do you want to make the image, the same size as the menu bar or bigger? If you want to make it the same size, you could possibly make it the background of the menu bar using some simple CSS. If you want to make it larger, or if you have some special positioning within the menu bar, you’ll probably need to create a child theme.
2) Fixing the menu at the top of the browser window is fairly easy, you just set a couple of CSS properties. If you don’t want to create a child theme, you can use a CSS plugin like Lazyest Stylesheet or Custom CSS Manager. Then add this CSS to the plugin’s custom CSS field:
#navbar {
position: fixed;
top: 0px;
}
You would probably add a top margin to the page element, though, so the top part of the menu isn’t hidden.
I have a similar issue-and perhaps this issue does not belong here but trying to get my logo to float above and on top of the menu bar if at all possible-right now it resides below it which cause some things to change in the layout… any help appreciated southlandsft.com
Hi, southlandsft. You can add this rule to your custom CSS:
#top-header {
clear: both;
}
You’ll probably want the logo to go all the way to the top. The widget area in the header is keeping it from going all the way up, though, so you can fix it with this rule:
#widget-header {
float: right;
}
I also need help with this. I used the Custom CSS Manager
My menu is sticky using:
#navbar {
position: fixed;
width: 100%;
z-index: 1000;
}
I want to put a logo in the menu bar on the top left- but it won’t work. My CSS Knowledge is minimal so please assist.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
