I place in the footer of the template ( Protostar ) the code below. Then the megamenu get a wrong size. Thanks.
<!DOCTYPE html>
<html lang="it">
<head>
<title>AliaProspecto</title>
<meta charset="utf-8">
/* <meta name="viewport" content="width=device-width, initial-scale=1"> */
<style>
* {
box-sizing: border-box;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
/* Style the header */
header {
background-color: #000000;
padding: 1px;
text-align: left;
font-size: 18px;
color: white;
padding-left: 16px;
}
/* Create two columns/boxes that floats next to each other */
nav {
float: left;
width: 30%;
height: 200px;
background: #000000;
padding: 0px;
}
article {
float: left;
padding: 0px;
width: 20%;
background-color: #000000;
height: 200px;
}
/* Style the list inside the menu */
article ul {
list-style-type: none;
padding: 10;
}
sede {
float: left;
padding: 0px;
width: 50%;
background-color: #000000;
height: 200px;
}
/* Clear floats after the columns */
section:after {
content: "";
display: table;
clear: both;
}
a {
text-decoration: none;
}
/* Style the footer */
footer {
background-color: #000000;
padding: 10px;
text-align: center;
color: white;
}
@media (max-width: 600px) {
nav, article, sede {
width: 100%;
height: auto;
}
}
</style>
</head>
<body>
<header>
<h2>AliaProspecto Arredamenti </h2>
</header>
<section>
<nav>
<ul>
<li><img src="
www.aliaprospecto.it/images/cucina_web_no_scritta.jpg
" width="330" height="182"><p></p></li>
</ul>
</nav>
<article>
<ul>
<li><a href="
www.aliaprospecto.it/
"><span style="color:white;font-weight:bold">Home</span></a></li>
<li><a href="
www.aliaprospecto.it/index.php/prodotti.html
"><span style="color:white;font-weight:bold">Prodotti</span></a></li>
<li><a href="
www.aliaprospecto.it/index.php/contatti.html
"><span style="color:white;font-weight:bold">Contatti</span></a></li>
<li><a href="
www.aliaprospecto.it/index.php/privacy-policy.html
"><span style="color:white;font-weight:bold">Privacy policy</span></a></li>
<li><a href="
www.aliaprospecto.it/index.php/cookie-policy.html
"><span style="color:white;font-weight:bold">Cookie policy</span></a></li>
</ul>
</article>
<sede>
<ul>
<li><a href="
www.fb.me/aliaprospecto
"</a><img src="
www.aliaprospecto.it/images/facebook.png
" alt="Facebook" width="50" height="50"><p></p></li>
<li><a href="
"</a><img src="
www.aliaprospecto.it/images/istagram_bn.png
" alt="Istagram" width="50" height="50"><p></p></li>
</ul>
</sede>
</section>
<footer>
<p> AliaProspecto S.a.s. di Fiorani Marzia e C. Via Val di Setta 25/b 40036 Vado di Monzuno BOLOGNA Tel. 051/6779190 email :
This email address is being protected from spambots. You need JavaScript enabled to view it.</p>
</footer>
</body>
</html>
wrong size
Topic Author
