Foundation 6 top bar

Hello, everyone.

I’m struggling with foundation6.

I want to put the h1 title in the menu bar, like foudation1.
I want it to appear the same way on mobile and desktop.
How do I do this?

Hamburger menu display for both desktop and mobile.

I’m not very good at English, so please check out the pictures.

I’d like to do the following

Desktop version

Mobile Version

This is how the hamburger menu and the H1 title get misaligned.


I’ve tried everything, but it doesn’t work as well as it should.
Thank you in advance for your help.

Translated with DeepL Translate: The world's most accurate translator (free version)

Have you tried the Top Bar template?

If you had a Url, or project file with this menu, then it would be easier to help.

Hi, Joe.

Thanks for all your help.

I used the “margin” in “swatches” to adjust the position.
It worked. That seems to be a good thing.

And one more thing you can tell me.

How do I fixed the topbar so it doesn’t move?
I want it fixed at the top, even if I have to scroll.
How do you want it to stay at the top when you scroll?
How do I stop the “topbar” from moving when I scroll the screen?

Thank you for watching.

Translated with (free version)

1 Like

To fix Top Bar to the top of the screen, use a Position swatch.

It’s difficult to set up. I will try it.

Thank you for letting me know.
Thank you for your help.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.