text color of "about us" option and "news" option

[Ajaykumar724]

when i adjust width of website to smaller then 1215px , options text color is grey
i also attach screenshot

but website width is greater than 1215px , options text color is blue
see below screenshot

this is responsive error must be resolve that
thank you.

[therealharshit]

@Ajaykumar724 you can work on this, but make sure it didn't break the navbar.

[Lakshya0257]

I have figured out the problem and solved the same, kindly review my PR for the same #550

[quozl]

Thanks for getting involved. Perhaps you all might keep discussion on issues on topic? It has got difficult for a reviewer to figure out the consensus on this issue, because of all the off-topic posts. I shall hide the off-topic posts.

I'd like the menu items to be foreground black regardless of screen size, but really that should be a decision of Bootstrap. I'd like to know why it isn't working the way we expect; and speculate one or more of these causes;

• our code does not label elements correctly,
• our code includes something that breaks what Bootstrap does, or;
• the way we expect is wrong and Bootstrap is right.

[therealharshit]

@quozl it's not the decision of bootstap it's the airspace.css in which the style .dropdown-menu li a{ color: #0099ff !important; } is responsible for that blue color of dropdown menu, when we change the style to .dropdown-menu li a{ color:black !important; } it changes the color to black

but for this we need to modify airspace.css which I think go against a long term goal of using a theme without changes.

[quozl]

So use custom.css, or go back to the upstream Jekyll Airspace theme on GItHub and remove our changes that broke this? Is what we observe the upstream choice?