-
Hello there,
i have some problems with my header. i have the logo left and the navigation right next to it, this was made with this code:
nav#site-navigation { margin-left: 50px !important; }Now i want the button on the right side of header?
This is how it actually looks:
https://postimg.cc/LhzDqGxJthx
-
Hi there,
Can you link us to the page in question?
You can use the private information field.
Let me know 🙂
-
link is in privat information
-
Can you add the button using the
generate_menu_bar_itemshook?
https://docs.generatepress.com/article/generate_menu_bar_items/
https://docs.generatepress.com/article/block-element-hook/ -
No it doesent work this is how it looks: https://postimg.cc/nsrSx0qH
-
We will need to add some CSS but I don’t see the change on the live site.
You can add it using a Block Element hook with GB’s button block as linked above.
Let me know when it’s done and I’ll provide the CSS.
-
Now i added the button with generate_menu_bar_item:
-
Now remove this CSS you added:
nav#site-navigation { margin-left: 50px !important; }And use this instead:
@media (min-width: 769px) { #site-navigation { width: 100%; } #site-navigation .inside-navigation.grid-container { max-width: 100%; } .site-logo { margin-right: 50px; } } -
Perfect, it works! Thx
-
No problem 🙂
- You must be logged in to reply to this topic.