- This topic has 7 replies, 3 voices, and was last updated 1 year, 6 months ago by
David.
-
AuthorPosts
-
December 25, 2020 at 3:52 am #1593843
Michael
Hello,
I’m trying to split my primary navigation into two. One goes to the left, right after the logo. Then the other to the right. Similar to this https://demo.themeum.com/wordpress/skillate/
I’ve found some similar posts but they mostly want the logo at the center. This article could work but I need the logo to stay on the left.Any guidance is appreciated.
thanks
December 25, 2020 at 10:52 am #1594206Leo
StaffCustomer SupportHi there,
Try adding the items on the left as the primary navigation items, then items on the right using the
generate_menu_bar_items
hook:
https://docs.generatepress.com/article/generate_menu_bar_items/Let me know if this helps π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/December 26, 2020 at 5:16 am #1594622Michael
Hi Leo,
Thanks for the response. I actually tried using that hook as well but it didn’t seem to work for me + it shows up separately on mobile view. I can give it another try but I also started exploring the solution on this post: https://generatepress.com/forums/topic/split-menus-into-two-separate-lists/I had my main menu float right then used generate_after_logo to add another menu on the left (right after the logo). My issue, however, is that the drop-down menu doesn’t work and they show up as bullet list. Is there a workaround for this?
December 26, 2020 at 4:59 pm #1595210Leo
StaffCustomer SupportMy way is likely the best solution.
You can add a class like
hide-on-mobile
if you want the hook element to not displayed on mobile:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classesCan you add the content in first and we will figure out for the mobile later?
One step at a time π
Thanks!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/December 29, 2020 at 2:42 am #1597913Michael
ok one at a time π
Quick question with this solution. Should I Use Navigation as Header? or doesn’t matter?
December 29, 2020 at 12:13 pm #1598671Leo
StaffCustomer SupportWill you be using the sticky navigation as in the example site?
If so yes let’s go with the navigation as header option first π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/December 29, 2020 at 6:46 pm #1598913Michael
Well, that solves part of my problem. My primary menu now shows up on the left and item added via generate_menu_bar_items on the right. Thanks!
Now my problem is that the menu I want to show up via the generate_menu_bar_items hook shows the users avatar. I’m showing it using another plugin (Ultimate members). Please see screenshot below
Is there a way I can just use an existing menu?
December 30, 2020 at 5:58 am #1599347David
StaffCustomer SupportHi there,
what are you expecting to be displayed in place of the users avatar ?
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.