< data-shopify="">
.collection-content .grid__item--sidebar { width: 0; padding:0; }
.collection-content .grid__item--content { width: 100%; }
.grid__item--sidebar { position: static; overflow: hidden; }
<>
< data-shopify="">.header-item--logo,
.header-layout--left-center .header-item--logo,
.header-layout--left-center .header-item--icons {
-webkit-box-flex: 0 1 150px;
-ms-flex: 0 1 150px;
flex: 0 1 150px;
}
@media only screen and (min-width: 769px) {
.header-item--logo,
.header-layout--left-center .header-item--logo,
.header-layout--left-center .header-item--icons {
-webkit-box-flex: 0 0 350px;
-ms-flex: 0 0 350px;
flex: 0 0 350px;
}
}
.site-header__logo a {
width: 150px;
}
.is-light .site-header__logo .logo--inverted {
width: 150px;
}
@media only screen and (min-width: 769px) {
.site-header__logo a {
width: 350px;
}
.is-light .site-header__logo .logo--inverted {
width: 350px;
}
}
Temple Dresses
<>
@font-face {
font-family: Poppins;
font-weight: 400;
font-: normal;
src: url("https://fonts.shopifycdn.com/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
url("https://fonts.shopifycdn.com/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
}
:root {
--meety-block-button-horizontal-alignment: center;
--meety-block-button-font-family:Poppins,-apple-system"system-ui"sans-serifPoppins;
--meety-block-button-font-: normal;
--meety-block-button-font-weight: 400;
--meety-block-button-font-size: 14px;
--meety-block-button-border-radius: 10px;
--meety-block-button-border-: solid;
--meety-block-button-width: 100%;
--meety-block-button-height: 48px;
--meety-block-button-margin: 0px 0px 0px 0px;
--meety-block-button-schedule-background-color:#000001;
--meety-block-button-schedule-text-color: #fffffd;
--meety-block-button-schedule-border-color: #000001;
--meety-block-button-schedule-border-width: 0px;
--meety-block-button-subs-book-background-color:#000001;
--meety-block-button-subs-book-text-color: #fffffd;
--meety-block-button-subs-book-border-color: #000001;
--meety-block-button-subs-book-border-width: 0px;
--meety-block-loading-background-color: #fffffd;
--meety-block-loading-foreground-color: #000001;
}
@keyframes meety-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.meety-block-buttons {
align-items: var(--meety-block-button-horizontal-alignmentcenter);
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
gap: 8px;
}
.meety-block-buttons * {
box-sizing: border-box;
}
button.meety-block-buttona.meety-block-button {
border-radius: var(--meety-block-button-border-radius10px);
border-: var(--meety-block-button-border-solid);
font-family: var(--meety-block-button-font-family);
font-: var(--meety-block-button-font-normal);
font-weight: var(--meety-block-button-font-weight400);
font-size: var(--meety-block-button-font-size14px);
width: var(--meety-block-button-width400px);
min-height: var(--meety-block-button-height48px);
margin: var(--meety-block-button-marginauto);
text-align: center !important;
line-height: 150%;
cursor: pointer;
outline: none;
display: flex;
justify-content: center;
align-items: center;
}
button.meety-block-schedule-buttona.meety-block-schedule-button {
background: var(
--meety-block-button-schedule-background-color,
#000001
) !important;
color: var(--meety-block-button-schedule-text-color#fffffd) !important;
border-color: var(--meety-block-button-schedule-border-color#000001) !important;
border-width: var(--meety-block-button-schedule-border-width0px) !important;
}
button.meety-block-bundle-buttona.meety-block-bundle-button,
button.meety-block-bundle-button-booka.meety-block-bundle-button-book,
button.meety-block-bundle-button-managea.meety-block-bundle-button-manage
{
background: var(
--meety-block-button-subs-book-background-color,
#000001
) !important;
color: var(--meety-block-button-subs-book-text-color#fffffd) !important;
border-color: var(--meety-block-button-subs-book-border-color#000001) !important;
border-width: var(--meety-block-button-subs-book-border-width0px) !important;
display: none;
}
a.meety-block-buttona.meety-block-schedule-buttona.meety-block-bundle-button,
a.meety-block-bundle-button-booka.meety-block-bundle-button-manage {
text-decoration: none;
}
.meety-button-disabled {
pointer-events: none !important;
}
.meety-block-loading-indicator {
border: 4px solid var(--meety-block-loading-background-color#f5f8fa);
border-top: 4px solid
var(--meety-block-loading-foreground-color#000001);
border-radius: 50%;
width: 30px !important;
height: 30px !important;
animation: meety-spin 1s linear infinite;
margin: auto;
}
.meety-loading-indicator {
border: 4px solid var(--meety-background-subdued#f5f8fa);
border-top: 4px solid var(--meety-button-color-primary#000001);
border-radius: 50%;
width: 30px !important;
height: 30px !important;
animation: meety-spin 1s linear infinite;
margin: auto;
display: flex !important;
}
.meety-loading-indicator-small {
border: 3px solid var(--meety-background-subdued#f5f8fa);
border-top: 3px solid var(--meety-button-color-primary#000001);
border-radius: 50%;
width: 20px !important;
height: 20px !important;
animation: meety-spin 1s linear infinite;
margin: auto;
display: flex !important;
}
.meety-skeleton {
background-color: #dfdfdf;
}
.meety-visible {
--meety-visible-display: initial;
display: var(--meety-visible-display) !important;
}