Fixing menu responsiveness.

This commit is contained in:
Víðir Valberg Guðmundsson 2016-05-06 17:08:52 +02:00
parent 4ecc033bd9
commit 41064e3968
5 changed files with 28 additions and 4 deletions

View file

@ -34,7 +34,7 @@ a, a:active, a:focus {
/* Navbar stuff */ /* Navbar stuff */
.navbar { .navbar {
width: 700px; max-width: 700px;
margin: auto; margin: auto;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
border-bottom: 1px solid rgb(250, 250, 250); border-bottom: 1px solid rgb(250, 250, 250);
@ -44,9 +44,32 @@ a, a:active, a:focus {
min-height: 80px; min-height: 80px;
} }
@media (min-width: 768px) {
.nav li a { .nav li a {
padding: 30px 25px; padding: 30px 15px;
} }
.nav {
float: right!important;
}
}
@media (max-width: 767px) {
.nav li {
text-align: center;
font-size: 20px;
}
}
.navbar-toggle .icon-bar {
background: black;
width: 45px;
height: 8px;
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 6px;
}
/* Form stuff */ /* Form stuff */
@ -62,3 +85,4 @@ a, a:active, a:focus {
#map { #map {
height: 500px; height: 500px;
} }

View file

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

View file

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

View file

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

View file

@ -36,7 +36,7 @@
</div> </div>
<div id="navbar" class="navbar-collapse collapse"> <div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav pull-right"> <ul class="nav navbar-nav">
<li><a href="{% url 'good-to-know' %}">Good to know</a></li> <li><a href="{% url 'good-to-know' %}">Good to know</a></li>
{% if user.is_authenticated %} {% if user.is_authenticated %}
<li><a href="{% url 'profiles:detail' %}">Profile</a></li> <li><a href="{% url 'profiles:detail' %}">Profile</a></li>