Archived topic
generate_menu-bar-item to the left side?
10 replies · Started by Heinrich on October 24, 2020
hi team,
how can i position a generated menu bar item to the left side of the menu? found nothing in the docs.
tks in advance.
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
hi leo, of course it is. additional i send you a screenshot how it should be. the blue block is already fine, but how to move the logo to the left. its a block hooked in the menu too.
or do you think it`s better to work with "normal" logo functionality? thought on this too, but see difficulties to go outside the menue area so far.
curious to your advice. tks in advance.
Hi there,
why not simply add the Logo to the Site Identity ?
Then make sure to enable Navigation as Header in the Customizer > Layout > Header.
May require a little CSS to size it and create an overlap if necessary - and we can help with that.
hi david,
will do it in the advices way.
but nevertheless the question if it is possible to bring something on the left side? and of course how?
The menu bar item hook has its own container. So any elements you hook into there will have to be beside each other.
Instead you could use another hook - such as the inside-navigation hook - this will place it before the menu.
hi david, logo is in the header now, can you please advise me how to create the overlap? the logo should be 270px, mobile of course smaller than that.
tks in advance
hi david, any chance to get info within this shift....?
tks in advance.
Sorry your last reply seemed to have slipped past our system. Try this CSS:
@media(min-width: 769px) {
#site-navigation {
position: relative;
}
.site-logo a {
position: absolute;
top: 0;
}
.navigation-branding img {
height: 270px;
width: 270px;
}
}
hi david,
tks for advice, is working fine.
Glad to hear that