# The Free Bundle and HUGO Menu

**URL:** <https://discourse.gohugo.io/t/the-free-bundle-and-hugo-menu/17245>\
**Category:** tips & tricks\
**Created:** [February 26, 2019, 10:21pm UTC](https://discourse.gohugo.io/t/the-free-bundle-and-hugo-menu/17245 "2019-02-26T22:21:14Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Javier\_Cabrera](https://avatars.discourse-cdn.com/v4/letter/j/b9bd4f/32.png) [@Javier\_Cabrera](https://discourse.gohugo.io/u/Javier_Cabrera)\
**Post date:** [February 26, 2019, 10:21pm UTC](https://discourse.gohugo.io/t/the-free-bundle-and-hugo-menu/17245/1 "2019-02-26T22:21:14Z")

</div>

I just wanted to share the story here:

Thanks to [this menu](https://discourse.gohugo.io/t/another-way-to-make-a-menu-item-active/17029/6) by @zwbetz, I managed to improve menu system for [The Free Bundle Magazine](https://www.thefreebundle.com/issue-2/):

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/2X/5/5435b90287efa4e6174a1fa90a3acc599f095876.jpeg)

**What I am using there:**

- @zwbetz [menu system](https://discourse.gohugo.io/t/another-way-to-make-a-menu-item-active/17029/6)
- [HUGO image processing](https://gohugo.io/content-management/image-processing/)
- [HUGO partials](https://gohugo.io/templates/partials/#readout)

That’s it. With just those three elements I managed to make a pretty neat menu.

Now, for those interested in the true power of Partials:

## THE POWER OF PARTIALS

For this issue of The Free Bundle I was curious about what else I could do with partials. Now, I’m not a coder by any means, but I managed to use a partial to create a pretty cool effect on one of the articles.

That lead to make a partial for the cover article, which lead to have a special category of partials called “Special”, only for special articles (such as covers).

The result is an interactive header for the article entirely done in HUGO partials (with onMouseOver).

[https://i.imgur.com/Sqn6x5V.mp4](https://i.imgur.com/Sqn6x5V.mp4)

All thanks to Partials.

---

<div class="post-metadata">

**Author:** ![pancake](https://avatars.discourse-cdn.com/v4/letter/p/ecd19e/32.png) [@pancake](https://discourse.gohugo.io/u/pancake)\
**Post date:** [February 27, 2019, 12:41pm UTC](https://discourse.gohugo.io/t/the-free-bundle-and-hugo-menu/17245/2 "2019-02-27T12:41:15Z")

</div>

This is supercool. Awesome site. Do you have a github repo where you share the code?

---

<div class="post-metadata">

**Author:** ![Javier\_Cabrera](https://avatars.discourse-cdn.com/v4/letter/j/b9bd4f/32.png) [@Javier\_Cabrera](https://discourse.gohugo.io/u/Javier_Cabrera)\
**Post date:** [March 7, 2019, 6:57am UTC](https://discourse.gohugo.io/t/the-free-bundle-and-hugo-menu/17245/3 "2019-03-07T06:57:59Z")

</div>

Not at the moment!

---

<div class="post-metadata">

**Author:** ![Tim\_Bradley](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/tim_bradley/32/8808_2.png) [@Tim\_Bradley](https://discourse.gohugo.io/u/Tim_Bradley)\
**Post date:** [March 7, 2019, 8:15am UTC](https://discourse.gohugo.io/t/the-free-bundle-and-hugo-menu/17245/4 "2019-03-07T08:15:36Z")

</div>

Beautifully designed site & menu - well done!

---

<div class="post-metadata">

**Author:** ![Javier\_Cabrera](https://avatars.discourse-cdn.com/v4/letter/j/b9bd4f/32.png) [@Javier\_Cabrera](https://discourse.gohugo.io/u/Javier_Cabrera)\
**Post date:** [March 7, 2019, 8:51am UTC](https://discourse.gohugo.io/t/the-free-bundle-and-hugo-menu/17245/5 "2019-03-07T08:51:32Z")

</div>

Thanks Tim!