Hello,
My site is not responding to my custom code, and the arrows seem to be not responding. I am not sure if it’s my code or something deeper in the theme.liquid. If anyone has any idea why this is happening, that would be extremely helpful!’
Here is my custom CSS code:
html { font-family:'Montserrat' !important}
html, body {width: auto!important; overflow-x: hidden!important}
.product-single .product-single-right .product-single__meta #sold-out .notify-price #notify-me-wrapper .styled-submit {
background-color: #fff;
}
.product-single .product-single-right .dynamic-checkout .shopify-payment-button__button {
background: #fff;
Color: #000;
}
/*#shopify-section-Ishi_sidebar .collection-left,
#shopify-section-Ishi_sidebar banner,
#shopify-section-Ishi_sidebar .left-banner {
display: none !important;
}
*/
.pagination {
margin-top: 100px;
}
#footer-layout2 .site-footer > .page-width {
padding-top: 100px;
}
#footer-layout2 .site-footer .newletter-social {
border-bottom: none;
}
#footer-layout2 .store-desc {
padding-left: 30px;
padding-right: 30px;
}
#footer-layout2 .site-footer .block_newsletter .input-group .input-group__btn .btn {
background: #808285;
}
#footer-layout2 .site-footer a {
font-weight: 300;
text-transform: uppercase;
}
#footer-layout2 .site-footer a:hover {
color:#036;
font-weight:500;
}
#footer-layout2 .site-footer .site-footer__copyright-content p {
font-size: 0.8em;
}
.header__logo-image img {
max-height: 130px;
}
#header-layout2 #header .desktop-user-info .desktop-checkout a {
display: none;
}
a[data-pf-type="Button"]:hover {
background:#337DAD;
color:#fff;
}
.header-staphaus {
width:45%;
}
.header-staphaus-left {
float:left;
}
.header-staphaus-right {
float:right;
text-align:right;
}
.header-text a {color:#fff;}
.header-text a:hover {color:#1B2336;}
.dropdown-submenu .inner-title {zzzdisplay:none !important;}
.dropdown-submenu:before {border:none !important;}
#header-layout1 #top-menu>li>a i, #header-layout2 #top-menu>li>a i {
display: inherit;
}
.dropdown-item .material-icons {font-size: 15px;}
.collection-header .collection-hero,
.collection-header .category_name,
.collection-header .category-info
{
display:none;
}
.rte {color: inherit;}
.btn:hover, .btn:focus, .btn.focus, .btn:active {
color: #fff;
background-color: #036;
border-color: #036;
}
.product-single .product-single-right .product-single__meta #sold-out .notify-price #notify-me-wrapper .styled-submit:hover,
.product-single .product-single-right .dynamic-checkout .shopify-payment-button__button:hover,
.return-link-wrapper a:hover,
.products-display .grid__item .grid-view-item .product-block-hover a:hover, .products-display .grid__item .grid-view-item .product-block-hover a:focus, .products-display .grid__item .grid-view-item .product-block-hover a:active, .products-display .grid__item .grid-view-item .product-block-hover button:hover, .products-display .grid__item .grid-view-item .product-block-hover button:focus, .products-display .grid__item .grid-view-item .product-block-hover button:active, .products-display .list__item .grid-view-item .product-block-hover a:hover, .products-display .list__item .grid-view-item .product-block-hover a:focus, .products-display .list__item .grid-view-item .product-block-hover a:active, .products-display .list__item .grid-view-item .product-block-hover button:hover, .products-display .list__item .grid-view-item .product-block-hover button:focus, .products-display .list__item .grid-view-item .product-block-hover button:active
{
background-color: #036;
border-color: #036;
color: #fff;
}
.collection-grid-item__title-wrapper .collection-grid-total_item {
top: -10px;
}
/*
.template-blog .normal-sidebar,
.template-article .normal-sidebar
{display:none;}
*/
.smartblog-container .rte {
text-align: left;
}
/* MENUS */
#header-layout2 #mobile_top_menu_wrapper {
left:0px;
}
#header-layout2 #_desktop_top_menu #top-menu .sub-menu.collapse {
top: 101%;
}
.dropdown-item h3:not(.inner-title) {margin-top:-5px !important;}
#header-layout1 .top-menu.mainmenu-dropdown li a:hover, #header-layout2 .top-menu.mainmenu-dropdown li a:hover,
#header-layout1 #top-menu>li>a .title:hover,
#header-layout2 #top-menu>li>a .title:hover {
color:#337dad;
}
#header-layout1 #_desktop_top_menu #top-menu .sub-menu.collapse,
#header-layout2 #_desktop_top_menu #top-menu .sub-menu.collapse {
background-color: #036;
}
#header-layout1 .top-menu.mainmenu-dropdown li a,
#header-layout2 .top-menu.mainmenu-dropdown li a {
color:#fff
}
#header-layout1 #top-menu h3,
#header-layout2 #top-menu h3 {
color:#fff;
text-transform: uppercase;
}
#header-layout2 #top-menu>li:not(:first-child):after {
content: "";
position: absolute;
left: -13px;
bottom: 20px;
height: 20px;
width: 10px;
border-right:1px solid #036;
}
#header-layout2 #_mobile_top_menu #top-menu>li:not(:first-child):after {
border-right:0px !important;
}
#header-layout2 #_mobile_top_menu h3
{
color: #000 !important;
text-transform: uppercase;
}
#header-layout2 #_mobile_top_menu .top-menu.mainmenu-dropdown li a {
color: #000 !important;
}
@media (max-width: 991px) {
#header-layout1 #top-menu>li>a .title, #header-layout2 #top-menu>li>a .title {
line-height: 1.5;
}
}
/* Dropdown menu background top level? */
/*
#header-layout1 #top-menu>li .dropdown-item:hover,
#header-layout2 #top-menu>li .dropdown-item:hover
{
background-color: #036;
}
*/
.outstock-overlay {display:none !important;}
/* Find a showroom */
.staphaus-showroom-title {
font-family: Montserrat;
margin-bottom: 15px;
font-weight: 300;
margin-top: 0px;
margin-left: 30px;
text-transform: uppercase;
font-size: 3em;
padding-bottom: 30px;
color:#000;
}
.sca-storelocator .bh-sl-container {
font-family: Montserrat !important;
}
#scasl-tab-radius,
.scasl-search-btn,
.scasl-location-list,
#bh-sl-map
{
border:none !important;
border-width: 0px !important;
}
.return-link-wrapper a svg {
fill: #036;
}
.return-link-wrapper a:hover svg {
fill: #fff;
}
.sp-modal-toggle,
.template-cart .cart .cart__footer .cart__update,
.template-cart .cart .cart__footer .cart__continue,
.btn__content,
.return-link-wrapper a,
.sdsarticleCat .smartblog-desc .r_more,
.btn .r_more,
button#scapl-geocode-btn,
.sca-storelocator button#scapl-geocode-btn,
button#bh-sl-submit,
button.staphaus-button-color
{
border: 1px solid #036 !important;
border-radius: 1px !important;
text-transform: uppercase !important;
font-size: 1.1em !important;
font-weight: 500 !important;
color: #036 !important;
background-color: #fff !important;
background:#fff !important;
}
.sp-modal-toggle:hover,
.template-cart .cart .cart__footer .cart__update:hover,
.template-cart .cart .cart__footer .cart__continue:hover,
.btn__content:hover,
.return-link-wrapper a:hover,
.sdsarticleCat .smartblog-desc .r_more:hover,
.btn .r_more:hover,
button#scapl-geocode-btn:hover,
button#bh-sl-submit:hover,
button.staphaus-button-color:hover
{
background-color: #036 !important;
color:#fff !important;
}
.sca-storelocator .breadcrumb-container {display:none;}
.staphaus-showroom-column {
width:48% !important;
margin-right:2%;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.staphaus-showroom-column {width:100% !important;}
}
.template-cart .cart .cart__footer .cart-bottm .cart_calculator {
background-color:#fff;
border: 1px solid #036;
}
.btn:hover, .btn:focus, .btn.focus, .btn:active {
color: #fff;
background-color: #036 !important;
border-color: #036 !important;
}
.collection-grid-item__title-wrapper .collection-grid-item__title, .collection-grid-item__title-wrapper .collection-grid-total_item {
font-weight: 300;
}
.pf-c-lg--12 {
margin: 0 5%;
}
.sc-qPjXN .pf-c-lg--12 {
margin: 0;
}
#shopify-section-article-template {
margin: 0 10%;
}
.swatch {
border-radius: 50%;
}
.owl-theme .owl-nav .owl-prev:hover,
.owl-theme .owl-nav .owl-next:hover {
background: #036;
border-color: #036;
}
.template-collection .sc-qPjXN .pf-c-lg--12 {
margin: 15px;
}
/*.product-tab {
text-align: left;
border: 0px solid #e9e9e9;
background: #fff !important;
color:#000 !important;
}
.product-tab .tab-id li a.active, .product-tab .tab-id li a:hover {
color:#000;
}
.product-single .product-single-right .product-single__meta .product-single__title {
font-weight:300 !important;
}
.product-tab .tab-id li a.active,
.product-tab .tab-id li a:hover {
background: #fff !important;
color: #000 !important;
}
.product-tab>div {
padding: 0px 15px 15px 0px !important;
margin-left:0px !important;
}
.product-tab.page-width {padding-left:0px;}
.product-tab {margin:0px !important;}
.product-tab .tab-id li a {
padding-left: 0px !important;
}
.product-single {margin-bottom:30px;}
*/
.product-tab ul.tabs {
width:100%;
background:#f5f5f5;
margin-left:-50px;
margin-right:-50px;
}
.product-tab .tab-id li a {
background: transparent;
}
.product-tab .tab-id li a {
letter-spacing: normal;
}
.product-tab .tabs {
text-align: left;
margin: 0px;
}
.product-tab .tab-id li a {
padding: 18px 24px;
}
.product-tab>div {
padding: 50px;
}
.my_account_title a,
.address-header a,
.order_info_header a,
#customer_login .js-address-form input.btn,
#create_customer .js-address-form input.btn
{
background: #fff;
color:#036;
border: 1px solid #036;
}
.my_account_title a:hover,
.address-header a:hover,
.order_info_header a:hover,
#customer_login .js-address-form input.btn:hover,
#create_customer .js-address-form input.btn:hover
{
background: #036 !important;
color:#fff !important;
}
.account_order_detail h2, .account_order_detail .h2 {
text-align: left;
text-align-last: left;
}
h2, .h2 {
letter-spacing: 0px;
}
.pagination .page-view .btn:hover, .pagination .page-view a:hover, .pagination .page-view span:hover {
background: #036 !important;
}
#header-layout1 #_desktop_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links .btn.view-cart:hover,
#header-layout1 #_mobile_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links .btn.view-cart:hover,
#header-layout2 #_desktop_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links .btn.view-cart:hover,
#header-layout2 #_mobile_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links .btn.view-cart:hover
{
color:#fff;
}
.template-list-collections .collection-grid-item__title-wrapper .collection-grid-total_item {
left: 0px;
right: 0px;
}
.template-collection .product-form__item {display:none;}
.template-collection .thumbnail-buttons {display:none !important;}
.staphaus-button-regular {
min-width:15em;
}
.staphaus-button-medium {
min-width:20em;
}
.staphaus-button-wide {
min-width:32em;
}
a:hover {
color: #036;
}
.product-single__meta .breadcrumb-container {
background-color: #fff !important;
padding: 10px 0px 20px 0px;
}
.product-single__meta .breadcrumb-container .breadcrumbs {
text-align: left;
font-size:16px;
}
.product-single__meta .breadcrumb-container .page-width {
padding-left: 0px !important;
}
.product-single .product-single-right .product-single__meta .product-single__title {
margin-bottom: 0px;
}
.product-single {
font-weight: 100;
}
.template-collection .sc-qPjXN .pf-c-lg--12 {
margin:0px;
}
.staphaus-filter-material {
border-radius: 100%;
width:80px;
height:80px;
}
.staphaus-collection-filter-wrapper {
float:left;
min-width:100px;
}
.star-image-border-3-head.star-set-image-rad-50-head:not(.star-option-value-adjacent-head),
.swatches-type-collections .star-image-border-3-head.star-set-image-rad-50-head {
border-radius: 0px;
}
.star-set-image-rad-50 {
border-radius: 0px !important;
}
.product-tab .tab-id li a.active:after, .product-tab .tab-id li a:hover:after {
height: inherit;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
transition-delay: none;
}
.product-tab .tab-id li a.active, .product-tab .tab-id li a:hover {
border-color: transparent;
background: #036;
color: #fff;
}
.custom-wide {
padding-top:80px;
}
.download_button .et_pb_button {
border-width: 1px;
border-style: solid;
border-color: #036;
font-family: Montserrat;
text-transform: uppercase;
padding: 10px 15px 10px;
font-size: 1.1em;
font-weight: 500;
color: #036 !important;
border-radius: 1px;
margin-right: 15px;
margin-bottom: 30px;
}
.download_button .et_pb_button:hover {
color:#fff !important;
background: #036;
}
.staphaus-footer-menuwrapper {
padding: 10px 0 40px 130px;
border-bottom: 1px solid rgba(0,0,0,0.05);
margin-bottom: 40px;
}
.hYCNmc {
background-color: #036 !important;
color:#fff !important;
}
@media (max-width: 600px) {
.staphaus-footer-menuwrapper {
padding: 10px 0 40px 30px;
border-bottom: 1px solid rgba(0,0,0,0.05);
margin-bottom: 40px;
}
.footer-heading {
margin-top:20px;
}
#footer-layout2 .site-footer > .page-width {
padding-top: 50px;
}
.product-tab .tab-id li {
display: inline-block;
}
.product-tab .tab-id li a {
padding: 18px 14px;
}
.staphaus-collection-filter-img {
min-width:auto !important;
}
.staphaus-row {
margin-top: 0px !important;
padding-top: 20px !important;
}
.page-container {
padding-top: 0px;
}
.staphaus-collection-filter-wrapper,
.staphaus-collection-filter-tag,
.staphaus-collection-filter-img,
.staphaus-collection-filter-material {
min-width:110px !important;
}
.staphaus-div {
padding: 30px 20px 30px 20px !important;
}
.__pf .pf-ca93e754 {
margin-bottom:0px !important;
padding-bottom: 0px !important;
}
.jklmHY {
padding: 0px !important;
}
}
.template-collection .page-container {padding-top:0px !important;}
@media (max-width: 768px) {
.product-tab .tab-id li a {
padding: 18px 20px;
}
.product-tab>div {
padding: 20px;
}
}
@media (max-width: 988px) {
.staphaus-footer-menuwrapper {
padding:0px 0px 50px 0px;
text-align: center;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.pf-b85038e9 .pf-c-md--3 {
max-width: 100% !important;
flex-basis: 100% !important;
}
#curatedfordesigners .pf-c-md--3 {
max-width: 50% !important;
flex-basis: 50% !important;
}
#curatedfordesigners .__pf .pf-573166ba {margin:0px;}
}
@media (max-width: 991px) {
.sdsarticleCat .smartblog-desc {
padding: 15px !important;
}
}
@media (max-width: 543px) {
.sdsarticleCat {
text-align: center !important;
}
}
.product-single .product-single-left .single-left .product-single__photo {
border: 0px !important;
}
.template-product .thumbnails-wrapper .js-qv-mask .product-single__thumbnails .product-single__thumbnails-item {
border: 0px !important;
}
#header-layout2 #top-menu>li:not(:first-child):after {
border-right: 0px solid #036;
}
#product-review li { list-style:disc !important;}
#product-review li:last-of-type {
margin-bottom:10px;
}
