How to get company logo and menu in top bar?
AnonymousMarch 11, 2013 at 7:16 am #7015
I would like to use the top bar for the main menu (aligned to the right). I’d like to put my company logo there as well Aligned to the left.
Is this possible?
AnonymousMarch 11, 2013 at 8:50 am #36487
An other possibility is to put the navigation bar above the header. Is this possible? (NB Still i would like to put logo company is navigation bar.)
AnonymousMarch 11, 2013 at 10:47 am #36488
Searching the forums I figured it all out for the menu line.
I increased the top bar height:
then I moved the menu in place:
positions dependent on the height of the header
the z-index is relevant otherwise the menu will disappear behind the top bar…
But how do I get my Company logo in the topbar and on top of the menu line?
AnonymousMarch 11, 2013 at 1:40 pm #36490
Put code in between backtick (Code:`
) characters. It’s usually located above the Tab key on your keyboard.Quote:But how do I get my Company logo in the topbar and on top of the menu line?
Include a link to your logo as a feature of the menu in your CSS code.
I googled a bit, and here’s a page, which describes what you can do:
I suggest you use CSS to apply a background image to some div element in the header.
AnonymousMarch 11, 2013 at 7:28 pm #36493
Well, ain’t that a pretty mess :).
Of course, you didn’t use child theme. Your top bar IS disabled. I’m looking at site from laptop (1366×768) and for some reason I have horizontal scroll. You have good vision for your site, but I think you went on wrong path with this.
At this moment you have logo flatten in header image (wood). You will have to cut it out and save it independently as png or jpg. Than you can do some things like put it as background for some div element like TobiF said.
Did you now that you can use custom menu in widget? And if you enable top bar and attach custom menu widget with some action hook you will get same result but with no altering in main theme code.
Anyway, can you explain more precise where do you want logo to be. Maybe some image included :). Above the menu? Inline with menu?Mod
Ah, horizontal scroll.
That header image is nearly 1 MB in size. You need to reduce it quite a bit.Quote:the z-index is relevant otherwise the menu will disappear behind the top bar.
Yes, this is why the menu is usually beneath a header on most sites: because drop-downs cover the header image, which is valuable real estate.Quote:But how do I get my Company logo in the topbar and on top of the menu line?
Have you tried using a Graphene action hook widget area?
Viewing 9 posts - 1 through 9 (of 9 total)
- You must be logged in to reply to this topic.