Foundation 6 - Moving the mobile title menu right

Hi All,
I have an old site that I am updating from Foundations 1.8 to Foundations 6.
I’ve been trying to make the F6 Top Bar Template look like the old one.
Is there a way to move the mobile hamburger menu to the right hand side for the browser?
Here is an example image.


Thank you,
A.B. Cole

Hi All,

This is done in CSS
Here is the cold below.

.title-bar .menu-icon { right: 8px; position :absolute; }
.title-bar .title-bar-title { margin-left: auto; margin-right: 32px; }

Carl NewLands from was able to help me with this & wanted to post the answer here in case someone else is trying to do the same thing.

1 Like

Please Note this was all fixed with Foundations 6.2

1 Like

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