\
**Category:** RapidWeaver Classic\
**Created:** [March 20, 2019, 2:50pm UTC](https://forums.realmacsoftware.com/t/custom-html-menu-for-foundation-top-bar/25882 "2019-03-20T14:50:51Z")\
**Posts on this page:** 9\
**Page:** 1
**Author:**  [@manofdogz](https://forums.realmacsoftware.com/u/manofdogz)\
**Post date:** [March 20, 2019, 2:50pm UTC](https://forums.realmacsoftware.com/t/custom-html-menu-for-foundation-top-bar/25882/1 "2019-03-20T14:50:52Z")
Anyone know of a tutorial for how to code a custom Top Bar in Foundation?
Would like two menus with a logo in-between so need to manually decide which pages each Top Bar menu picks up. I can see how to select the option in Top Bar but my coding isn’t very good and attempts so far are not working.
---
**Author:**  [@zeebe](https://forums.realmacsoftware.com/u/zeebe)\
**Post date:** [March 20, 2019, 4:31pm UTC](https://forums.realmacsoftware.com/t/custom-html-menu-for-foundation-top-bar/25882/2 "2019-03-20T16:31:41Z")
Have you looked at the demo project file Joe has? There are good examples in that.
---
**Author:**  [@swilliam](https://forums.realmacsoftware.com/u/swilliam)\
**Post date:** [March 20, 2019, 8:32pm UTC](https://forums.realmacsoftware.com/t/custom-html-menu-for-foundation-top-bar/25882/3 "2019-03-20T20:32:38Z")
when you select the html option it actually gives you example code in the box
do you have a more specific question/need?
---
**Author:**  [@manofdogz](https://forums.realmacsoftware.com/u/manofdogz)\
**Post date:** [March 20, 2019, 9:39pm UTC](https://forums.realmacsoftware.com/t/custom-html-menu-for-foundation-top-bar/25882/4 "2019-03-20T21:39:01Z")
> [@swilliam](#):
>
> when you select the html option it actually gives you example code
Thanks Scott - I played with this earlier but made elementary errors (I really must spend some time learning a little code!) so it didn’t work. Have now seen the error of my ways and all is well.
Looking ahead however, it’s occurring to me that, if I use 2 top bar menus (with a logo in centre), when we get down to mobile size there will be 2 hamburger menus. If I’m correct, would the workaround be to create a 3rd Top Bar which is the entire menu and only show it on mobile devices - whilst disabling the two previous top bars on mobile?
---
**Author:**  [@swilliam](https://forums.realmacsoftware.com/u/swilliam)\
**Post date:** [March 20, 2019, 9:55pm UTC](https://forums.realmacsoftware.com/t/custom-html-menu-for-foundation-top-bar/25882/5 "2019-03-20T21:55:21Z")
I don’t think it’s a good idea to use two TopBar menus I seem to remember reading that it causes issues.
but, if you want to give it a go then yes, create one specifically for mobile.
---
**Author:**  [@joeworkman](https://forums.realmacsoftware.com/u/joeworkman)\
**Post date:** [March 20, 2019, 10:40pm UTC](https://forums.realmacsoftware.com/t/custom-html-menu-for-foundation-top-bar/25882/6 "2019-03-20T22:40:18Z")
What is the purpose for wanting a different Top Bar on Mobile?
---
**Author:**  [@manofdogz](https://forums.realmacsoftware.com/u/manofdogz)\
**Post date:** [March 20, 2019, 10:53pm UTC](https://forums.realmacsoftware.com/t/custom-html-menu-for-foundation-top-bar/25882/7 "2019-03-20T22:53:38Z")
My aim is to try and have a top bar menu on the left and on the right with a large logo in the middle. I figured the best way is to have 2 top bar menus, manually coded to achieve this. My concern is that, on mobiles, I will then have 2 hamburger buttons.
---
**Author:**  [@joeworkman](https://forums.realmacsoftware.com/u/joeworkman)\
**Post date:** [March 20, 2019, 11:38pm UTC](https://forums.realmacsoftware.com/t/custom-html-menu-for-foundation-top-bar/25882/8 "2019-03-20T23:38:09Z")
Off Canvas supports 2 hamburger menus…
---
**Author:**  [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [April 20, 2019, 9:38am UTC](https://forums.realmacsoftware.com/t/custom-html-menu-for-foundation-top-bar/25882/9 "2019-04-20T09:38:10Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.