Like you did on mobile, could you add about a pixel of padding above and below on the colored nav tabs for desktop and iPad. In other words, the extra pixels can there be for all versions of the site.
Actually, I think they need a pixel more so that height of the nav tabs on home matches height of the nav tabs on level 2/3 pages. In other words, the nav tabs should be exactly the same, theming-wise, in all places where they appear.
What I was getting at is that, on the home page, desktop, there is extra padding on the nav tabs left and right. So, for instance, if you look at "About this Site" on the home page and compare it with a level 2 or 3 page, you will see that the text is the same size (that's good), but the colored button itself is wider on the home page. So whereas on level 2/3 if we say the width is 1, on home the width is 1.2 because of extra padding to the left and right of the word. Same for all the other buttons. Does that help?
Oh ic, in such a case there is no explicit padding set, the width changes depending on the available space. It's using a flex layout, I'll hack it though.
Like you did on mobile, could you add about a pixel of padding above and below on the colored nav tabs for desktop and iPad. In other words, the extra pixels can there be for all versions of the site.
Actually, I think they need a pixel more so that height of the nav tabs on home matches height of the nav tabs on level 2/3 pages. In other words, the nav tabs should be exactly the same, theming-wise, in all places where they appear.
Still a slight mismatch between the nav tabs. See screen shot. The ones on home have too much padding at left and right.
Also, note something seems to have gone off with the nav tabs on mobile. See screen shot.
Not sure what your asking for in this, but the mobile issue was sorted (old iphone bug).
What I was getting at is that, on the home page, desktop, there is extra padding on the nav tabs left and right. So, for instance, if you look at "About this Site" on the home page and compare it with a level 2 or 3 page, you will see that the text is the same size (that's good), but the colored button itself is wider on the home page. So whereas on level 2/3 if we say the width is 1, on home the width is 1.2 because of extra padding to the left and right of the word. Same for all the other buttons. Does that help?
P.S. Looks good on the mobile issue. Thank you!
Oh ic, in such a case there is no explicit padding set, the width changes depending on the available space. It's using a flex layout, I'll hack it though.
Looks good. Thanks!