- This topic has 10 replies, 3 voices, and was last updated 3 months, 1 week ago by
David.
-
AuthorPosts
-
October 24, 2020 at 3:50 pm #1502854
Heinrich
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.October 24, 2020 at 5:38 pm #1502891Leo
StaffCustomer SupportHi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 25, 2020 at 2:02 am #1503079Heinrich
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.
October 25, 2020 at 6:21 am #1503259David
StaffCustomer SupportHi 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.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 25, 2020 at 8:11 am #1503578Heinrich
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?October 25, 2020 at 9:12 am #1503649David
StaffCustomer SupportThe 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.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 25, 2020 at 5:21 pm #1504002Heinrich
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 advanceOctober 26, 2020 at 5:23 am #1504476Heinrich
hi david, any chance to get info within this shift….?
tks in advance.October 26, 2020 at 5:47 am #1504506David
StaffCustomer SupportSorry 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; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 19, 2020 at 11:07 am #1537995Heinrich
hi david,
tks for advice, is working fine.November 19, 2020 at 1:22 pm #1538142David
StaffCustomer SupportGlad to hear that
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.