Menu icon Foundation
Top-Bar Right to Left Issue

I think there is a bug in Right to Left support of Top-Bar. I downloaded the latest version and right to left 5.5.3. I implemented the Example from zurb documentation:
http://foundation.zurb.com/docs/components/topbar.html

1- I think the title-area UL should be shown on right. See Image 1.
2- When the screen size goes to medium or small, the title area moves to right of page and overlaps with Menu and icon.

Here is the preview:
http://codepen.io/anon/pen/ZbopgB

I believe the title-area UL should be shown on right all the times and the Menu&Icon should go to left when they should appear on Medium and Smaller screens.

Image1

Image2

right to leftrtltop-bar

I think there is a bug in Right to Left support of Top-Bar. I downloaded the latest version and right to left 5.5.3. I implemented the Example from zurb documentation:
http://foundation.zurb.com/docs/components/topbar.html

1- I think the title-area UL should be shown on right. See Image 1.
2- When the screen size goes to medium or small, the title area moves to right of page and overlaps with Menu and icon.

Here is the preview:
http://codepen.io/anon/pen/ZbopgB

I believe the title-area UL should be shown on right all the times and the Menu&Icon should go to left when they should appear on Medium and Smaller screens.

Image1

Image2

This post has been closed. No new replies can be added.

Rafi Benkual about 4 years ago

Looks like this is working right in the Sass version. There is an open issue for it using the customizer https://github.com/zurb/foundation/issues/5646

Amir about 4 years ago

Thanks Rafi,

I used the Sass version and change the following lines and it worked!
$text-direction: rtl;
$opposite-direction: left;
$default-float: right;

Thanks for your reply.