XF 1.4 Navigation bar background

[AndyB]

The XenForo Default Style is excellent, the only real shortcoming is the navigation bar background (second row) is difficult to see on some devices, for example my iPad. However this problem can be easily corrected by adding the below code to your EXTRA.css template.

.navTabs .navTab.selected .tabLinks {
    background: url("styles/default/xenforo/gradients/navigation-tab.png") repeat-x scroll 0px -25px #176093;
}

Before


After

 

[Amaury]

Should probably at least make the selected tab match, then.

 

[AndyB]

Should probably at least make the selected tab match, then.

Because the upper navigation bar uses a dark color for the text, making the tab background darker makes the text difficult to see.

 

[Amaury]

Because the upper navigation bar uses a dark color for the text, making the tab background darker makes the text difficult to see.

Change the text to white, then.

 

[AndyB]

Change the text to white, then.

That might work very well, but I like to keep things simple and change as little as possible.