Hi everyone, I edited the CSS for my website and Ive got this message showing up missing closing `}`
I can't find which line needs to be fixed and I am hoping that you could help me, I have pasted the code below:
Also i wanted to delete the line which enables 2 products to be displayed on mobiles, could you please tell me which one it is?
Thank you so much in advance,
Paul-Louis
.header-search-bar{
margin: 0 0 0 2.5vw;
}
@media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px ){
.header-search-bar{
display:none;
margin: 0 0 0 0vw;
}
}
.header-search-bar .search-input{
border: 1px solid currentColor !important;
}
.header-search-bar .search-input::placeholder{
color: currentColor !important;
}
.mobile-header-search-bar{
background-color: transparent;
display:block;
padding-left:3vw;
padding-right:3vw;
}
.mobile-header-search-bar .preFade, .mobile-header-search-bar .preScale,.mobile-header-search-bar .preSlide,.mobile-header-search-bar .preClip, .header-search-bar .preFade, .header-search-bar .preScale, .header-search-bar .preSlide, .header-search-bar .preClip{
opacity:1 !important;
transform: scale(1) translate(0%,0%) !important;
clip-path: unset !important;
}
.Cart-inner>.icon{
display:none;
}
.view-list .product-mark.sold-out {
position: static !important;
background: transparent !important;
color: black !important;
text-align: center !important;
transform: unset !important;
top: unset !important;
right: unset !important;
width: 100%;
}
#header.shrink {
.header-announcement-bar-wrapper{
padding-top: 15px!important;
padding-bottom: 15px!important;
}
.header-title-logo img {
max-height: 50px;
}
}
.product-block {
padding-bottom: 0;
}
.button-block {
padding-top: 0;
}
#header .header-title-logo img {
transition: max-height 140ms ease-in-out
}
#header.shrink {
.header-announcement-bar-wrapper{
padding-top: 20px!important;
padding-bottom: 20px!important;
}
.header-title-logo img {
max-height: 40px;
}
footer a {
text-decoration: none !important;
}
#collection-632c4641ac6d00332db1b58e a {
text-decoration: none !important;
}
@font-face {
font-family: 'Blippo';
src: url('https://static1.squarespace.com/static/61e1b6120151c044dad25930/t/63d1543436e4eb149cfb5a5d/1674662965093/blippo.ttf');
}
h1 {font-family: 'Blippo
}
/* 2 images mobile */
@media screen and (max-width:767px) {
div#page-5ebd4058035b3a35aa4a5992 .image-block {
width: 50%;
float: left !important;
clear: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
div#page-5ebd4058035b3a35aa4a5992 .image-block:nth-child(2n+1) {
clear: left !important;
}
}
footer a {
text-decoration: none !important;
}
#collection-632c4641ac6d00332db1b58e a {
text-decoration: none !important;
}