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;
}