- This topic has 7 replies, 2 voices, and was last updated 1 year, 8 months ago by
David.
-
AuthorPosts
-
October 16, 2020 at 6:35 am #1491870
Amit
Hi,
I have build a hero image with generateblock and i need to merge the background image to header/menu. How do i do that ?
Also I need to get the logo in center and split the menu.
Also , when i see the mobile view, i just need to see the collapse menu. But currently i see colapse menu and all the menu items also. Could you please help me with that ?
Best Regards
AmitOctober 16, 2020 at 6:59 am #1491907David
StaffCustomer SupportHi there,
you need to create a separate Header Element.
DO NOT add anything to the hero content or change any settings on the content tab. Go straight to the Site Header tab and set this to Merge with Content and then you can change header/nav colors.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 16, 2020 at 7:28 am #1491950Amit
Thanks for the update. SO i created the header element and did exactly how you stated. but the Navigation menu still does not merge with the GB image.
Also, how do I split the menu. Currently you can see, logo in center is overlapping the menu item. Do i need to reduce the number of item in menu or something ?
October 16, 2020 at 8:32 am #1492158David
StaffCustomer SupportIn the Header Element > Site Header tab, enable the Navigation colors and set them to transparent.
Can you remove any CSS you have added to create the split header – i will then take a look.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 16, 2020 at 8:54 am #1492197Amit
Done, I have removed all CSS from addtional css.
October 16, 2020 at 9:02 am #1492209David
StaffCustomer SupportTry this CSS:
@media(min-width: 769px) { .navigation-branding { position: absolute; left: 50%; transform: translateX(-50%); z-index: 1000; text-align: center; } .main-nav { flex: 1; } .main-navigation li:nth-child(4) { margin-left: auto; } }
Then you can remove the Menu Item Separator from your Menu.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 16, 2020 at 9:07 am #1492225Amit
You are awesome. That worked like a charm :). One last thing, could you please help me with the merge part as well. I cant seem to figure that one.
October 16, 2020 at 9:12 am #1492235David
StaffCustomer SupportEdit your Header Element – and then follow the steps in this article:
https://docs.generatepress.com/article/merging-header-navigation-content/#merging-our-header
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.