NavBar not on right in FF Mac

HTML & CSS
1

Can someone tell me why the navbar is not displaying on the right side of the banner in FF Mac? or what I need to fix to move it to the right?

Thank you.

2

Hi,

It’s probably because the text is slightly wider on a mac so reduce the padding on the anchor slightly.

e.g.


.sf-menu a{padding:0.75em .9em}
3

Thanks for the tip.

I did wind up forcing the navbar to absolute and to the right, setting the top margin differently. It seemed to have done the trick.

It’s good to know though about the Mac fonts being a tad wider.

Thank you.

4

Yes that would would work also :slight_smile:

It’s good to know though about the Mac fonts being a tad wider.

Thank you.

Yes where you have something that fits by virtue of its content only then you can’t rely on it being the same size cross browser as there are just too many variables to take into account not to mention basic rounding errors.

It’s always safer to make sure the element either has width that fits when space is tight or add a few pixels leeway.

I often see small differences across platforms and indeed cross browsers so I always say just leave a little extra breathing space :slight_smile:

5

Thanks for the tip! Even though I’m not a Mac user, it’s good to know there’s plenty of you here to check the work for me!

Thank you!