CSS i responsive template

Wszystko o HTML, XHTML, XML, CSS.
brutas
Posty: 1
Rejestracja: 16 sie 2017, 11:32:03
Płeć: Niewybrana
User Agent: Chrome Windows 1920x1080

CSS i responsive template

Post autor: brutas »

Witam,
jestem totalnym noobem..
Proszę o pomoc.

"Logiem" na mojej stronie ma być jedynie tekst. Na kompie wygląda OK, jednak na mobilnych się rozwala i zajmuje wiele więcej miejsca.
Co z tym zrobić, by wyglądało również dobrze na molinych?
Dziękuję za pomoc i pozdrawiam.

HTML:

<!-- ***** Header Area Start ***** -->
<header class="header-area header-sticky">
<div class="container">
<div class="row">
<div class="col-12">
<nav class="main-nav">
<!-- ***** Logo Start ***** -->
<a href="index.html" class="logo">Büroreinigung-Burghausen.de</a>
<!-- ***** Logo End ***** -->
<!-- ***** Menu Start ***** -->
<ul class="nav">

CSS:


.header-area .main-nav {
min-height: 80px;
background: transparent;
}

.header-area .main-nav .logo {
line-height: 80px;
width: auto;
max-width: auto;
height: 27px;
color: #fff;

font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
float: left;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

.header-area .main-nav .nav {
float: right;
margin-top: 27px;
margin-left: 20px;
margin-right: 0px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
position: relative;
z-index: 999;
}
ODPOWIEDZ