Hey guys i just updated the site and now its completely broken!
the custom css looking like it is not working at all, instagram too big, all 2 column buckets are not full width and lost text, css on buttons is completely broken, social icons on contact.
I was told this wouldnt happen…… SHIT
/* homepage 2 column */
@media only screen and (max-width: 479px) {
.home .spb-row-container .col-sm-3 {
width: 50%!important;
float: left;
}
}
/* shop 2 column */
@media only screen and (max-width: 479px) {
.woocommerce .products .product {
width: 50%!important;
float: left!important;
}
}
/* saft page 2 column */
@media only screen and (max-width: 479px) {
.page-id-15444 .spb-row-container .col-sm-3 {
width: 50%!important;
float: left!important;
}
}
/* Image banners homepage */
@media only screen and (max-width: 479px) {
.image-banner-content.content-left {
padding-right: 0!important;
}
.spb-row-container.spb-row-full-width.remove-element-spacing .spb_content_element {
min-height: 100%!important;
}
}
/* Image banners buttons */
@media only screen and (max-width: 479px) {
a.sf-button.standard.accent.default.ml0 {
margin-top: -5px!important;
}
}
/* instagram feed – disabled clicking */
.instagram-item .inst-overlay>a {
display: none!important;
}
/* button typo */
a.sf-button {
font-weight: normal;
text-transform: uppercase;
}
/* button border */
a.sf-button.transparent-dark {
border-color: #222;
}
/* footer typography */
#footer .widget ul li {
font-size: 11px;
}
#footer .widget ul li>a {
padding: 4px 0;
}
#footer .title-wrap {
margin-bottom: 0px;
}
#footer h3.spb-heading {
font-size: 14px;
}
/* mobile typography */
@media only screen and (max-width: 500px) {
h1 {
font-size: 39px!important;
}
h2 {
font-size: 29px!important;
}
}
/* Instagram smaller width */
@media only screen and (max-width: 1024px) {
.blog-grid-items .blog-item.col-sm-sf-5 {
width: 50%!important;
}
}
/* remove addition product info */
.woocommerce div.product .woocommerce-tabs {
display: none;
}
/* centered social icons – kontakt */
.spb_text_column .social-icons.standard {
width: 120px;
margin: 0 auto;
}
.