0
I’m trying to space my menu so it’s centered on the content... the content has width:80%;
...
HTML:
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">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" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav cl-effect-1">
<li><a href="index.php">HOME</a></li>
<li><a href="empresa.php">EMPRESA</a></li>
<li><a href="servicos.php">SERVIÇOS</a></li>
<li><a href="galeria.php">FOTOS</a></li>
<li class="imagem-menu"><a href="index.php"><img src="img/logo.png"></a></li>
<li><a href="eventos.php">NOSSOS EVENTOS</a></li>
<li><a href="agenda.php">AGENDA</a></li>
<li><a href="contato.php">CONTATO</a></li>
</ul>
</div>
CSS:
nav a{
color: black;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
nav.navbar.navbar-default {
background: transparent;
border: none;
width: 80%;
margin: 0 auto;
}
li img {
margin: -110px 0 0 0;
width: 60%;
}
ul.nav.navbar-nav.cl-effect-1 {
margin-right: auto;
margin-left: auto;
float: none;
display: table;
text-align: center;
margin-top: 110px;
/* width: 80%; */
}
ul.nav.navbar-nav.cl-effect-1 li a {
font-size: 13px;
font-weight: bold;
font-family: Century Gothic;
}
nav a:hover{
color: black;
font-weight: bold;
text-decoration: none;
}
Put at least the code on your menu...
– CesarMiguel
Every question is the same thing, never puts the code, waits for someone to ask. I believe this is the basics for anyone to help you!
– RafaelTheodoro
I’m going to...
– Furlan
@Cesarmiguel ta la
– Furlan
The menu is centered, the content is not...
– Jorge B.
Centralizes the
<li>
, not the<ul>
, or leave the<li>
of the size of<ul>
.– ptkato
I’m almost there, I think I’ve got you in the air
– Furlan
@Patrick’s look at, website the bid is the font-sizem, however I can not increase the font, I needed to increase the space between the read without breaking the menu
– Furlan