0

Reemplace el toggle del menú por la información de contacto; teléfono y mail. Al momento de reemplazarlo, elimine todo lo que tenia que ver con el toggle en el HTML y en style.css pero aun queda el espacio en blanco...

PD. Sólo aparece el espacio en blanco en la responsiva para mobile... cuando está en la pantalla completa, no pasa.

aqui se ve bien para desktop

ese es el espacio blanco que debo eliminar para que contacto y el logo esten en la misma linea.

a[href^="mailto"]::before {
    content: "📩 ";
}

a[href^="tel"]::before {
    content: "📞 ";
}

#fh5co-header .navbar {
  padding-bottom: 0;
  margin-bottom: 0;
}
#fh5co-header #navbar .navbar-right {
  margin-right: 0;
}
@media screen and (max-width: 992px) {
  #fh5co-header #navbar .navbar-right {
    margin-right: -15px;
  }
}
#fh5co-header #navbar li a {
  font-family: "PT Sans", Arial, serif;
  color: rgba(0, 0, 0, 0.5);
  position: relative;
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 992px) {
  #fh5co-header #navbar li a {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
<header role="banner" id="fh5co-header">
		<div class="fluid-container">
			<nav class="navbar navbar-default">

				<div class="navbar-header">
					<!-- Mobile Toggle Menu Button -->
					<a href="https://app.logispak.com/#/signup" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
					<a href="index.html" ><img src="images/logo-completo-png.png" alt=""></a>

				</div>
				<div class="navbar-contact" align="right" >
					<address>
                    <a href="mailto:[email protected]">[email protected]<br/>
                    <a href="tel:+52-81-3096-6072"> 81 3096 6072</a><br/>
                    </address>
                </div>
			</nav>
	  </div>
	</header>

1
  • Hola, por favor no publiques versiones de la misma pregunta varias veces. Edita la pregunta original. Voy a eliminar la otra pregunta, pero lee Cómo preguntar y completa el recorrido de bienvenida para más información.
    – Alvaro Montoro
    el 15 abr. 2019 a las 0:30

1 respuesta 1

2

Supongo que lo intentaste solucionar con esta línea:

#fh5co-header #navbar .navbar-right {
  margin-right: 0;
}

Y creo que el fallo es la ruta escrita. Intenta con eso y me dices que pasó.

4
  • Sí, ya intenté con margin-right: 0; y aún no funciona. Perdón, ¿a qué te refieres con fallo en la ruta escrita? el 15 abr. 2019 a las 0:05
  • Cuando intenté encontrar el elemento del codigo que copie no lo encontré en tu DOM
    – Angel B
    el 15 abr. 2019 a las 1:38
  • ya pude!!!! muchas gracias el 15 abr. 2019 a las 1:39
  • de nada y suerte con tu proyecto :D
    – Angel B
    el 15 abr. 2019 a las 2:00

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.