Hi, I have a problem with my footer; Before I applied the new theme to my application, the footer was in the bottom of the page normally but when I changed the theme and I did some modifications but not for the footer, it came in the middle of the page with the main content (not in the middle but always under the main content of the page)
If I add position: absolute; to the footer it comes over the main content;
This is my footer code:
.footer.style2 { padding: 74px 0 38px; background: #000;}.footer.style2 .widget-container .widget-title{ font-size:18px; font-style: normal; color: #fff; text-transform: uppercase; margin-top: 10px; margin-bottom:16px;}.footer.style2 .widget-container li{margin-bottom: 10px;}.footer.style2 .widget-container li span, .footer .widget-container li a span{color:#797e80;}.footer.style2 .widget-container li a:hover span{color:#e87352;}.footer .map{ width: 194px; height: 194px; -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); border-radius: 50%;}.footer .map .gmnoprint{display: none;}
To solve the problem I added :"margin-top: 900px;" to the .footer.style2 but actually it's not practical because when I have a page longer I have to increase the margin-top.
I don't know what I did wrong so please if anyone had faced this issue before or have an idea how to solve it tell me.
Thanks in advance:)