More Flexible Header / Navigation Layouts with GeneratePress

More Flexible Header / Navigation Layouts with GeneratePress

The Admin Bar

1 год назад

9,780 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

After Work
After Work - 26.10.2023 18:09

Hello Kyle, thank you so much for this tutorial. It worked smoothly on my site. The only problem is it also affects the sub menu navigation 😥 If you have time and don't mind, can you inform me what's the code the exclude the custom menu so it doesn't affect the sub menu part? Thank you again in advance

Ответить
payaso1412
payaso1412 - 01.10.2023 08:41

This works great on a simple menu with no submenu items. But with a submenu, it keeps styling the last item of the submenu like the last item button link on the main menu. I can't figure out how to keep the last submenu item from taking on the styling. Any ideas would be appreciated.

Ответить
AI JOKER
AI JOKER - 26.08.2023 09:42

how do you turn it into header with search button? I think every theme has it besides generatepress

Ответить
Kirsten Carbone
Kirsten Carbone - 16.08.2023 20:25

Easy to follow and very helpful. Thank you!

Ответить
Creativicial
Creativicial - 06.08.2023 20:35

What about the position of the mobile view? I've tried it like the one in this video, but the toggle menu moves to the middle position.

Ответить
Armstrong Lazenby
Armstrong Lazenby - 17.07.2023 02:19

I figured it out, resize the button try margin: 5px; in the static and hover settings, and on a new line try
.main-navigation .main-nav ul li a
{ line-height: 45px;}
i got generate press free version so i cant resize much

Ответить
Armstrong Lazenby
Armstrong Lazenby - 17.07.2023 02:05

thanks so much. How do you make the button smaller?

Ответить
David Son
David Son - 03.07.2023 17:30

Hey, can you make a video on how to make sticky transparent shrink menu with GeneratePress? does it have a built-in feature like this? or can you make a custom css for that?

Ответить
Darrell van Zyl
Darrell van Zyl - 03.07.2023 15:05

Hi, I have worked out a solution using buttons - but I would love to know if there is a more elegant solutions.

Ответить
Darrell van Zyl
Darrell van Zyl - 02.07.2023 21:20

Hello Kyle, Is it possible to build a footer in GP with a horizontal menu? I understand I could use a footer widget, but that gives you a vertical list, which won't suit the rather large number of admin-type pages I would like to relegate to the footer rather than the header.l

Ответить
Scott Pringle
Scott Pringle - 07.06.2023 08:51

Kyle, Thanks as always for your video. I got a project to use this tip. It worked very well. But heads up to others, I did have to wrap the CSS in a media query so that the hamburger menu would be right justified to the logo and not centered a row below it.

Ответить
Jan Cabanik
Jan Cabanik - 20.01.2023 00:09

Very usefull. Thank you 🎉

Ответить
Leadway Online Marketing
Leadway Online Marketing - 26.12.2022 14:33

Hi Kyle, just for my understanding, this was all created with the standard Header inside GeneratePress customizer settings.
Am i correct to assume that it would be easier to achieve such a header by using GenerateBLOCKS and creating a Header element from scratch which would then replace the standard GeneratePress header? I am new to GP & GB and I'm actually wondering if it's possible or even easier to achieve the header layouts you are showing with GenerateBlocks instead of GeneratePress. Thank you.

Ответить
Syed Wasiq Bukhari
Syed Wasiq Bukhari - 16.11.2022 05:17

thank you, i was waiting for this video. one request, please also plan a video on how can we design our headers using elements block, so that we can have more things to do in our headers and in a more convenient way to design them. thank you

Ответить
John Carlson
John Carlson - 15.11.2022 23:31

I was thinking about this recently. You saved me some time in working this out. Thanks!!

Ответить
Heinrich Taitl
Heinrich Taitl - 15.11.2022 18:29

cool stuff, give me more .-)

Ответить
Muhammad Yasin
Muhammad Yasin - 15.11.2022 17:05

Amazing Content Kyle 👍

Ответить