- This topic has 6 replies, 3 voices, and was last updated 6 months, 3 weeks ago by David.
September 1, 2022 at 11:34 pm #2331109David
I am trying to replicate a wix header to wp using generatePress because of speed issues with wix. I am using the wired template.
I am struggling to get the header right using the customized features (mobile header) and the breakpoint slider is also not showing for wired template. So creating things like centering the logo and having the call to action button do not seem obvious to me.
Do I have to hack it?
DavidSeptember 1, 2022 at 11:42 pm #2331110Fernando Customer Support
What menu are you wanting to use? Would it be an Off canvas panel menu or a regular dropdown menu?
The menu icon in the reference link isn’t working.September 2, 2022 at 2:33 am #2331251David
wp site + generate press = https://flyingducks.digital
For mobile the hamburger is working for me even after clearing cache (reveals menu).
On desktop it is not showing because “mobile header” doesn’t display a breakpoint slider for wired theme.
wix site https://chris9919.wixsite.com/ddtm is the one I am trying to recreate the header.
Looks like I can change some design elements using css but I thought the would be a more intuitive way of creating the header for desktop and mobile like with the block editor for page and post design.
DavidSeptember 2, 2022 at 2:35 am #2331255David
So it would be offcanvas for desktop and mobile with call to action in different positions on the header depending on screen size.September 2, 2022 at 2:43 am #2331266DavidStaffCustomer Support
you can set the Mobile Menu Breakpoint in the Customizer > Layout > Primary Navigation.
This applies to ANY mobile menu including the Mobile Header.
Adding CSS: http://docs.generatepress.com/article/adding-css/September 2, 2022 at 3:55 am #2331319David
Great, thanks for that. How do I add elements to the header such as the call to action button that I can show and hide based on the screen width? I think I can use css to centre the logo etc but I need to add divs to the header for the button.
Is there a way to do that or should I be updating html in the theme file editor?
DavidSeptember 2, 2022 at 5:11 am #2331387DavidStaffCustomer Support
To add the button, you can use a Block Element – HooK:
1. Go to Appearance > GeneratePress and Activate the Elements module.
2. In Appearance > Elements -> New –> Block Element
By default the Element Type will be the Hook.
3. in the Element editor, add your button.
4. Set the Hook in the sidebar settings to:
5. Set the Display Rules to Entire Site.
Once you have that in place i can assist with some CSS to center logo etc. if you need.
Adding CSS: http://docs.generatepress.com/article/adding-css/
- You must be logged in to reply to this topic.