mobile layout fix, animation directions changed
This commit is contained in:
parent
0616be9864
commit
dedbcec8e7
5 changed files with 119 additions and 129 deletions
|
|
@ -8,7 +8,7 @@ msgid ""
|
|||
msgstr ""
|
||||
"Project-Id-Version: PACKAGE VERSION\n"
|
||||
"Report-Msgid-Bugs-To: \n"
|
||||
"POT-Creation-Date: 2017-10-03 18:13+0530\n"
|
||||
"POT-Creation-Date: 2017-10-10 21:03+0530\n"
|
||||
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
|
||||
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
|
||||
"Language-Team: LANGUAGE <LL@li.org>\n"
|
||||
|
|
|
|||
|
|
@ -114,7 +114,10 @@
|
|||
|
||||
|
||||
.split-section .container {
|
||||
width: 1120px;
|
||||
max-width: 1120px;
|
||||
}
|
||||
.split-section.right .container {
|
||||
max-width: 840px;
|
||||
}
|
||||
.split-section {
|
||||
padding: 90px 0;
|
||||
|
|
@ -172,13 +175,20 @@ footer {
|
|||
padding: 20px;
|
||||
}
|
||||
|
||||
@media(max-width: 767px) {
|
||||
.split-section .split-text .split-title h2,
|
||||
.split-section.left .split-text .split-title h2 {
|
||||
font-size: 32px;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: 768px) {
|
||||
section {
|
||||
padding: 90px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.intro-header {
|
||||
align-items: flex-end;
|
||||
|
|
|
|||
|
|
@ -1,32 +0,0 @@
|
|||
{% load staticfiles i18n%}
|
||||
{% load custom_tags %}
|
||||
{% get_current_language as LANGUAGE_CODE %}
|
||||
<nav class="navbar navbar-default navbar-fixed-top topnav">
|
||||
<div class="topnav">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||
<span class="sr-only">{% trans "Toggle navigation" %}</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a href="{% url 'datacenterlight:index' %}" id="logoBlack" class="navbar-brand topnav"><img src="{% static 'ungleich_page/img/logo_black.svg' %}"></a>
|
||||
<a href="{% url 'datacenterlight:index' %}" id="logoWhite" class="navbar-brand topnav"><img src="{% static 'ungleich_page/img/logo_white.svg' %}"></a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<!-- Start Navbar collapse-->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a class="page-scroll" href="#services">{% trans "Technische Details" %}</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="page-scroll" href="#about">{% trans "Wie funktioniert es?" %}</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="page-scroll" href="#contact">{% trans "CONTACT" %} </a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- /.navbar-collapse -->
|
||||
</div>
|
||||
</nav>
|
||||
Loading…
Add table
Add a link
Reference in a new issue