Witam, mam problem z footerem. Po pierwsze chciałbym aby był responsywny tak jak reszta strony. Zacznijmy najpierw od tego że na localu podzieliłem footera na klasy po 25 % szerokości. Dla menu, kontaktu, sociali i mapy. Wszystko na localu wyświetla się elegancko w 4 kolumnach obok siebie. Kiedy wrzucam strone na hosting, strona wygląda tak jakbym w ogóle tych klas nie dodał.
Strona
www.fargo-graphics.prv.pl
body {
background-color: white;
color: #efefef;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
}
.navbar-brand {
margin-left: 10px;
}
.navbar {
border-bottom: 1px darkgrey solid;
box-shadow: 0 0 1em darkgrey;
position: fixed;
}
.slider img {
width: 100%;
}
.container-fluid {
width: 100%;
}
.opiswizytowki {
float: left;
width:67%;
margin-right: 3%;
}
.zdjeciewizytowki {
float: left;
width:30%;
}
.zdjecielay {
width:700px;
float: left;
}
.opislay {
width:400px;
float: left;
}
.content {
width: 1140px;
margin-left: auto;
margin-right: auto;
font-family: Calibri;
margin-bottom: 15px;
color: black;
}
ol {
list-style-type: none;
}
.fb {
float: left;
}
.instagram {
float: left;
}
.google {
float: left;
}
.menu_footer {
width: 25%;
height: 300px;
float: left;
background-color: lightgrey;
padding-top: 20px;
}
.kontakt {
width: 25%;
height: 300px;
float: left;
background-color: lightgrey;
padding-top: 20px;
}
.socialmedia_footer {
width: 25%;
height: 300px;
float: left;
background-color: lightgrey;
padding-top: 20px;
}
.loc_footer {
width: 25%;
height: 300px;
float: left;
background-color: lightgrey;
padding-top: 20px;
}
.footer {
width: 100%;
background-color: lightgrey;
}