Header design

[Roberto Alexandru]

Hello,
I wanted to ask how I could make this design on my website with generatepress. Basically it is to put the centered menu and two icons on the right (The shopping cart icon and an icon for the login). Also that those two icons appear in the mobile version.

I am going to develop my online store and use elementor pro for the layout.

At first I thought about using the elementor layout to make the header but I think it would be more correct to use the default one in your template but customize it a bit with those two icons.

I am looking forward to your response!
Have nice day

[David]

Hi there,

you can enable the Woocommerce cart in navigation using the Woocommerce module:

https://docs.generatepress.com/article/woocommerce-overview/

When enabled you will find the options in Customizer > Layout > Woocommerce.

For the account icon you would need to add an Account Link to your menu, last item in the list.
For its label you can adds following this guide:

https://docs.generatepress.com/article/adding-icons-to-menu-items/

Once in place if you can share a link to the site i’ll look at the CSS needed for centering the nav etc.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts