problema con menu responsive!!

[diegocastiblanco84]

Hola,
Es la primera vez que hago una pagina con cuadricula fluida y me pidieron cambiar el color a el primer item del menú principal, al realizar el cambio de color me encuentro que en la vista para móviles no se visualiza pero si se encuentra el elemento, por favor alguien que me pueda ayudar ya que tengo poca experiencia al respecto y o he podido encontrar el motivo de este problema, muchas gracias.

este es el html:

Código HTML:

<p>
    <ul id="sistemamenu" class="fluid fluidList">
        <li class="fluid itemmenucomercial zeroMargin_tablet zeroMargin_desktop"><a href="http://www.asocreto.org.co/web_rc2014">Inversión comercial RC 2014</a>
        </li>
        <li class="fluid itemdemenu zeroMargin_tablet"><a href="contacto_principal_rc2014.html">¿Desea asistir?</a>
        </li>
        <li class="fluid itemdemenu zeroMargin_tablet"><a href="http://www.asocreto.org.co/rc_2012/memorias" target="_blank">Un vistazo a la RC 2012</a>
        </li>
    </ul>
</p>
 

y este el css:

Código CSS:

.itemdemenu {
    border-top-right-radius: 10px;
    background-color: #E57E2B;
    clear: both;
    border-bottom-left-radius: 0px;
    color: #FFF;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    margin-left: 0;
    margin-right: auto;
    font-size: medium;
    width: 100%;
    border-spacing: 0px 0px;
    border-top-left-radius: 10px;
    margin-bottom: 0px;
    border: 1px solid #FFFFFF;
    padding-bottom: 2px;
    padding-top: 2px;
    text-decoration: none;
    display: block;
}
.itemdemenu:hover {
    background-color: #999;
}
a:link{
    text-decoration:none;
    color:#FFF;
}
a:active{
    text-decoration:none;
    color:#FFF;
}
a:visited{
    text-decoration:none;
    color:#FFF;
}
 
.itemmenucomercial {
    border-top-right-radius: 10px;
    background-color: #07347F;
    clear: both;
    border-bottom-left-radius: 0px;
    color: #FFF;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    margin-left: 0;
    margin-right: auto;
    font-size: medium;
    width: 32.2033%;
    border-spacing: 0px 0px;
    border-top-left-radius: 10px;
    margin-bottom: 0px;
    border: 1px solid #FFFFFF;
    padding-bottom: 2px;
    padding-top: 2px;
    text-decoration: none;
    display: block;
}
 
.itemmenucomercial:hover {
    background-color: #999;
}
 

[pzin]

De entrada un párrafo no puede contener listas de ningún tipo.

Luego no me quedó muy clara tu exposición del problema. ¿El primer elemento de la lista desaparece cuando lo ves en un móvil? ¿Revisaste el contenido CSS de las demás clases que están referenciadas en ese elemento?

[diegocastiblanco84]

Gracias por tu respuesta, en dreamweaver cuando doy la opción de visualización en móviles, el primer item de la lista no se visualiza pero al pasar el cursor si esta. (es como si estuviera sin color)

Los items de la lista tienen una clase ( itemdemenu zeroMargin_tablet) pero le tuve dar otra clase al primer item (itemmenucomercial zeroMargin_tablet zeroMargin_desktop) ya que lo tuve que cambiar de color.

espero que por favor me puedas ayudar no se que puede pasar por que los css de los item los he revisado y al parecer están bien, y la verdad no se como se cambiar el css solo en la vista para móviles.

[pzin]

Yo desconfío mucho de las vistas de Dreamweaver, que nunca lo he usado, pero en más de una vez he visto resultados que no se ajustan a la realidad. Dicho esto, yo probaría el código en un móvil real o al menos en un simulador menos inseguro.

Por otro lado tampoco veo ninguna media-query en tu código, así que no tengo muy claro que sea un problema de RWD. Aunque tampoco muestras todo el código, claro (todas esas clases por ejemplo) pero que hay más código que ese está bastante claro.

[diegocastiblanco84]

Hola,

Ya he verificado en celulares y no se ve el contenido, este problema me ocurre en la pagina que ya me ayudaste a verificar lo de los párrafos (http://www.asocreto.org.co/principal_rc2014) en esta ocurre en el menú,

(http://www.asocreto.org.co/web_rc2014/antecedentes.html) y en esta me ocurre en el primer listado, la verdad he comparado con otros listados que tengo dentro de esa misma pagina pero no encuentro cual puede ser el problema, también comparo con el menú que tiene todos los items naranjas pero no logro encontrar el problema, ojalá que me puedas ayudar ya que no se por donde mas buscar el error.

muchas gracias