fix footer
unknown
plain_text
a month ago
3.3 kB
2
Indexable
Never
/*Footer logo and hyper links*/ footer#global-footer{ .container{ padding-top: 96px; @media only screen and (max-width:768px){ padding-top: 64px; } } .text_footer .images_box{ margin-right: 46px; @media only screen and (max-width: 768px) { margin-right: auto; margin-left: auto; } } .first_text_footer .img_size img{ min-height: 90px; @media only screen and (max-width:1240px){ min-height: 120px; } @media only screen and (max-width:768px){ min-height: 120px; } @media only screen and (max-width:768px){ min-height: 120px; } @media only screen and (max-width:767px){ min-height: 100px; } } a.hvr_animation, .lp-link, .link{ font-weight: 700; position: relative!important; color:#000!important; transition: 0.4s; &:hover{ color:#000!important; } &:before, &:after{ transition: 0.4s; text-decoration: none!important; line-height: 1; content: ""; height: 1px; position: absolute!important; bottom: 0; left: 0; } &:before { width: 100%!important; background-color: #ccc!important; opacity: 0.4; } &:after{ width: 0%!important; background-color: #7C7A61!important; } &:hover:after{ width: 100%!important; } } .no_newsletter .info-wrap-contact_zone:first-of-type{ margin-bottom: 25px; } .info-wrap-contact_cell{ padding-top: 0; } @media only screen and (max-width: 768px){ .info-privacy .socials_zone li{ padding: 0 8px 10px 8px; } .footer .info-privacy .copy_zone{ border-color: #000; } } .footer.no_newsletter .info-wrap-contact h4{ font-weight: 300; } .footer .img-wrap img{ filter: none; } .info-wrap .info-wrap-contact_zone.type_user div:nth-child(3){ @media only screen and (max-width:820px){ width: 100%; } } @media only screen and (max-width:1024px){ .footer .text_footer{ justify-content: center; } .text_footer .images_box{ margin-bottom:40px; } } @media only screen and (max-width:820px){ .footer .text_footer{ justify-content: center; } .text_footer .images_box{ margin-bottom:20px; } } .footer .info-wrap-contact_zone i{ svg{ path{ fill: #000; } } } .footer .info-privacy{ border-top: 1px solid #000; @media only screen and (max-width:768px){ padding-top: 30px; } @media only screen and (max-width:375px){ padding-top: 30px; } } } /*end*/
Leave a Comment