Navbar Not Picking My CSS

Okay, so I really wanted a custom theme according to what I wanted to look like. I chose the genesis framework.

I am currently using the genesis extender plugin to customize the sample-child theme.

And there is this navbar that I want to change the background-color of,

The class of the navbar is .nav-primary

First I tried to add the code via genesis extender plugin. It works, however only if I am logged in to my account.

When not, only the links of the navbar show the color that I want (#3498db)
The background color is still showing (#333).

I tried to figure out what is happening by using the chrome’s inspector tool, only to find out the instruction I gave it is being crossed out ( background-color: #3498db) and the theme is picking the css of the navbar from another source (some index file from the root).

Long story short, the navbar’s css class is not working from the style.css or the extender plugin.

Here’s the blog’s link: http://www.bloggingevolved.com

HELP ME BEFORE I KILL MY SELF !!!!!!!!!!