jeffvv
Delta
Domainer
Verificación en dos pasos activada
Buenas betas, de nuevo por aqui con una duda 🙂
Tengo un script que es responsive y he terminado de adaptar las imagenes y anuncios para tratar que todo sea responsive. Pero "ya me hice bolas" con el tema del menu, el menu por defecto se veia asi desde un dispositivo movil:
Y despues de mover algunas cosas lo logre poner asi:
Pero igual no se como hacer para que desaparescan los enlaces y que solo se vea al presionar el botón de menú, espero me puedan ayudar.
Este es el CSS
Y este es el HTML
Agradezco si alguien me puede ayudar ya que soy nuevo en esto 🙂
PD: Si necesitan saber mi web, pueden enviarme un MP
Tengo un script que es responsive y he terminado de adaptar las imagenes y anuncios para tratar que todo sea responsive. Pero "ya me hice bolas" con el tema del menu, el menu por defecto se veia asi desde un dispositivo movil:
Y despues de mover algunas cosas lo logre poner asi:
Pero igual no se como hacer para que desaparescan los enlaces y que solo se vea al presionar el botón de menú, espero me puedan ayudar.
Este es el CSS
Insertar CODE, HTML o PHP:
@font-face {
font-family: 'icomoon';
src:url('fonts/icomoon.eot?7eoj8w');
src:url('fonts/icomoon.eot?#iefix7eoj8w') format('embedded-opentype'),
url('fonts/icomoon.woff?7eoj8w') format('woff'),
url('fonts/icomoon.ttf?7eoj8w') format('truetype'),
url('fonts/icomoon.svg?7eoj8w#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-right:10px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-home3:before {
content: "\e902";
}
.icon-bubble2:before {
content: "\e96e";
}
.icon-menu:before {
content: "\e9bd";
}
.icon-sphere:before {
content: "\e9c9";
}
.icon-question:before {
content: "\ea09";
}
.icon-circle-right:before {
content: "\ea42";
}
html{
position: relative;
min-height: 100%;
}
body .footer{
position: absolute;
bottom: 0px;
padding: 5px 0;
}
.row > div{
padding: 30px;
}
/* custom_css */
/* center everything! */
.row {
text-align: center;
}
#recaptcha_widget_div, #recaptcha_area {
margin: 0 auto;
}
footer{
color:white;
}
a href {
color: white;
}
#bs-example-navbar-collapse-1{
background-color: white;
}
.menu_bar{
display: none;
}
header ul, ol, li {
float: left;
text-decoration: none;
display: block;
}Y este es el HTML
Insertar CODE, HTML o PHP:
<body class=" <?php echo $data["custom_body_bg"] . ' ' . $data["custom_body_tx"]; ?>">
<?php if(!empty($data["user_pages"])): ?>
<?php endif; ?>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-md-6 col-md-push-3 <?php echo $data["custom_main_box_bg"] . ' ' . $data["custom_main_box_tx"]; ?>">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="?">
<?php echo $data["name"]; ?>
</a>
</div>
<div class="menu_bar"><span class="icon-menu"></span></div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<?php foreach($data["user_pages"] as $page): ?>
<li><a href="?p=<?php echo $page["url_name"]; ?>"><span class="icon-circle-right"></span><?php echo $page["name"]; ?></a></li>
<?php endforeach; ?>
</ul>
</div>
<?php if($data["page"] != 'user_page'): ?>
<h1><?php echo $data["name"]; ?></h1>Agradezco si alguien me puede ayudar ya que soy nuevo en esto 🙂
PD: Si necesitan saber mi web, pueden enviarme un MP
Última edición:
