Vigila la retina por is acaso de todos modos ten en cuanta que el css es distinto para version "PC" y version "Dispositivos", por lo que es muy probable que solo cambiaras el de "PC"
ejem, prueba abriendo el sitio en incógnito o desde otro móvil, (los dispositivos a móviles les encanta mantener la cache hasta donde más puedan xD)...Por otro lado, como le estas cambiando el color? usas las clases típicas? default, inverse, primary, danger etc etc etc?? o con tu propio CSS?
<!Doctype html><html><head> <!-- Tittle in WordPress Style --> <title><?php bloginfo('name'); ?> | <?php wp_title(); ?></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- End Of Title in WordpPress Styles --> <!-- <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/estilo.css"> --> <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'> <!-- Bootstrap part --> <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style.css"> <link rel="stylesheet" type="text/css" href="<?php bloginfo("template_directory"); ?>/estilo.css"> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/aplicacion.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.js"></script> <!-- End Of Bootstrap part --> </head><header> <!-- Menu Wordpress configuration --> <div class="row"> <div id="custom-bootstrap-menu" class="navbar navbar-default " role="navigation> <div class="container-fluid"> <div class="container-fluid color-de-fondo" > <div class="navbar-header"> <a href="http://192.168.0.101/wordpress/" class="navbar-brand color-de-fondo">Inicio</a> <button type="button" class="navbar-toggle " data-toggle="collapse" data-target=".navbar-menubuilder"> <span class="sr-only color-de-fondo">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse navbar-menubuilder color-de-fondo" id="myNavbar"> <?php wp_nav_menu( array( 'menu' => 'primary', 'depth' => 2, 'container' => false, 'menu_class' => 'nav navbar-nav navbar-left', 'walker' => new wp_bootstrap_navwalker()));?> </div> </div> </nav> </div> </div> </div> </header> <?php wp_head(); ?><body>
#custom-bootstrap-menu.navbar-default .navbar-brand { color: rgba(255, 0, 0, 1) !important;}#custom-bootstrap-menu.navbar-default { font-size: #ff0000px !important; background-color: rgba(0, 0, 0, 1) !important; border-width: 1px; border-radius: #f50000px;}#custom-bootstrap-menu.navbar-default .navbar-nav>li>a { color: rgba(255, 255, 255, 1) !important; background-color: rgba(0, 0, 0, 1) !important;}#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus { color: rgba(247, 0, 0, 1) !important; background-color: rgba(255, 255, 255, 1) !important;}#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus { color: rgba(255, 255, 255, 1) !important; background-color: rgba(245, 19, 19, 1) !important;}#custom-bootstrap-menu.navbar-default .navbar-toggle { border-color: #f51313 !important;}#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,#custom-bootstrap-menu.navbar-default .navbar-toggle:focus { background-color: #f51313 !important;}#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar { background-color: #f51313 !important;}#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar { background-color: #000000 !important;}