where must i remove it in template.css.
https://prnt.sc/etVr1Dd9Kzlg there are no line numbers in template.css. only 2. I tried to delete the 120 but then there is no logo
In custom css in will not work: margin-top: 80px;
/* logo*/
@media screen and (max-width: 900px) and (min-width: 320px) {
#sp-logo {
flex: 0 0 80%;
width: 80%;
}
.logo-image {
margin-top: 80px;
}
@media screen and (max-width: 900px) and (min-width: 320px)
.logo-image-phone {
margin-top: 80px;
}
#sp-menu {
flex: 0 0 20%;
width: 20%;
}
#sp-header {
height: 60px;
display: inline-flex;
margin: 0;
align-items: flex-end;
}
}
.offcanvas-menu .logo {
display: none !important;
}
/*off canvas*/
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
right: 0;
background: #CCD6FF;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span >li:nth-child(3n) > a {
color: #000000;
}
.offcanvas-menu .offcanvas-inner ul.menu>li {
font-weight: 200;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
color: #E597E5;
}
/*header*/
.sp-megamenu-parent>li.active>a {
font-weight: 400;
}
.view-article #sp-header {
background-color: #ffffff;
}
#sp-header {
background: #ffffff;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
display: inline-block;
padding: 0 15px;
line-height: 100px;
font-size: 22px;
margin: 0;
letter-spacing: 1.6px;
font-family: 'Sniglet';
}
#sp-menu.menu-center .sp-megamenu-wrapper {
justify-content: right;
}
#sp-header.header-sticky {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
animation: spFadeInDown 0.5s;
background-color: #ffffff;
}
/*bottom*/
#sp-bottom {
margin-top: -20px;
}
#sp-bottom {
padding-left: 40px;
padding-right:20px;
}
#sp-bottom .sp-module .sp-module-title {
color: #21a616;
font-size:24px;
}
#sp-bottom .sp-module ul>li>a {
color: #fff;
font-size:16px;
}
#sp-bottom .sp-module ul>li>a:hover {
color: #f7f606;
}
#sp-bottom3:after {
background: none;
}
/* titel*/
.sp-page-title:before {
background: #eb953f;
}
.sp-page-title {
background-color: #eb953f;
}
.sp-page-title .sp-page-title-heading {
font-weight: normal;
font-size: 56px;
line-height: 75px;
font-feature-settings: "case" on;
color: #252525;
width: 85%;
}
.sp-page-title {
padding: 200px 0px 5px 0px;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
/* blog */
.article-intro-image.float-left img{
border-top-right-radius: 15px; border-top-left-radius: 15px;
border:1px solid #000;
}
#sp-main-body {
padding: 80px 0;
background: #fff9f7;
}
.blog-list-title-wrap {
display:none;
}
.com-content.view-category .article .article-body {
flex-direction: column;
background: #dadada;
border:solid 1px #000;
border-radius: 15px;
padding-top: 40px;
margin-top: -85px;
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
color: #252525;
}
.article-list .article .article-header h2 a:hover {
color: #d929c7;
}
.com-content.view-category .article .article-header h2 {
margin: 0px 0px 24px 0px;
font-weight: normal;
font-size: 20px;
line-height: 30px;
padding-top: 70px;
padding-left:17px;
padding-bottom:10px;
}
.com-content.view-category .article {
padding-left: 10%;
padding-right: 10%;
}
/*footer*/
#sp-footer {
padding-left: 30px;
}
#sp-footer1 .sp-copyright {
color:rgb(222, 113, 211);
}
#sp-footer1 .sp-copyright {
font-size: 15px;
}
#sp-footer .container-inner {
padding: 0px 0;
border-top: none;
}
/* burger-icon - off canvas */
.burger-icon>span {
background-color: #ff00a6;
}
.fab, .far {
display: none;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
background-color: #eb1e9d;
}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
right: 0;
background: : rgb(204, 214, 255);
}
/*body*/
.article-social-share .social-share-icon ul {
display: none;
}
@media only screen and (min-width:990px) and (max-width:1290px){
.sp-megamenu-parent{
position:relative !important;
bottom:100px;
}
}
#sp-bottom .sp-module .sp-module-title {
margin: 0 0 15px;
}
.com-content.view-category .article {
margin-bottom: 40px;
}