Archived topic
Header and Navigation support
1 reply · Started by Nick on August 11, 2022
Hello everyone in the GP team! Very recently I decided to move away from Elementor and page builders in general. After some research I decided GP Premium and GP Blocks Pro are the way to go. I'm still early in the inevitable learning curve that comes with such a transition. So I'm seeking some help on how to achieve the Header layout that I wish. I spent many hours researching, and managed to achieve some things here and there, but not the full layout of my preference.
Here is the desired outcome: https://ibb.co/dbLp89f
I need help on:
- How to achieve this Header Layout (including Navigation). And I also wish all of it to be sticky except the custom image, which I guess will be put there with an Element. Sticky = Logo, Off-Canvas Menu, Cart, Navigation, Search.
- After I achieve the desired layout, I might want to include other items left of the cart, like Login or Wishlist icon. So I need to know the process. An example of Login on the left of the Cart can be seen in my live website here: https://ibb.co/tL4y8tK
- Any small guidance regarding the Hero Section is welcome.
Here is a website with a very similar Header layout to what I wish to achieve: https://www.apivita.com/
Thank you all so very much, in advance, for all the help that might come my way. Cheers and keep up the great work!
Hi there,
That header is quite complicated, and will take a few steps and some custom CSS.
I assume you have a staging site where we can see the progress ?
If so begin like so:
1. In Appearance > Menus, create 3 x menus
Menu 1 - Location: Primary Nav - DO NOT ADD any items to this. It needs to be blank.
Menu 2 - Location: Secondary Nav - this will contain the menu items in the bottom row.
Menu 3 - Location: Off Canvas.
2. In Customizer >
-> Site Identity add your logo
-> Layout > Primary Nav - set the Location to Float Right
-> Layout > Secondary Nav - set the location to Below Header
-> Layout > Off Canvas -> On
Whilst your there set any fonts, colors etc, and enable any navigation search, shopping baskets etc,
Once thats done, share me a link and ill see what we can do to get near that layout