I changed the height of the navbar in the same line of css
That's fine
but two results need correction.

The text labels are sitting too low on the bar because they were positioned for a different height bar.
I know css code margin height but I do not know the class name to apply it to this text labels.

Secondly the dropdowns now appear with a gap between their top, and the navbar - because positioned for the previous bar height.
Again what is the class name I need to apply a margin height?

Finally to match XF I need to style the dropdown separately from the navbar.
Probably best if I find the css for the whole dropdown and create another to override it in the admin css.
There are a lot of template files in \admin\templates
which?

Thank you that works. I put the previous code in the IE boxes. I hope that means IE viewers see rounded corners.

Now I see rounded corners - but ther is a white triangle of space where the rounding cuts away the bar from the background. So I think I need more code to fill that with background colour.
See
 http://housemorgain.co.uk/library/index.php?/articles_pages/celtic,1.html
Theme XFtest

Are you running an older version of Firefox? Try this one:

.topmenu{ border-top-left-radius: 10px; border-top-right-radius: 10px;  -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; }

Templaters (side menu)
Manage Styles
( Select theme )
CSS is a tab towards the top on the end.


I'm afraid that had no effect Philipp. I didn't put it in all the boxes as I use Firefox.

In the style editor select CSS (tab 6) and add the following to the additional CSS field:

.topmenu{ border-top-left-radius: 10px; border-top-right-radius: 10px; }

So how can I get the top corners of the Navigation bar to go rounded?

The rounded corner settings for bottom left and bottom right are actually for the bottom of the page