Dropdown Arrow is not responding - All arrows not responding

hanjor
Tourist
3 0 3

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;
}

 

 

 

Screen Shot 2021-09-20 at 10.13.04 AM.pngScreen Shot 2021-09-20 at 10.13.11 AM.pngScreen Shot 2021-09-20 at 10.12.52 AM.png

KetanKumar
Shopify Partner
23668 2383 8694

@hanjor 

store url please 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
KetanKumar
Shopify Partner
23668 2383 8694

@hanjor 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
hanjor
Tourist
3 0 3

I am using Chrome and Safari. They are both showing the box instead of an arrow symbol. 

Screen Shot 2021-09-21 at 8.58.38 AM.pngScreen Shot 2021-09-21 at 8.58.55 AM.png

KetanKumar
Shopify Partner
23668 2383 8694

@hanjor 

thanks for it

i can't see any issue but i think your icon font family doesn't work please check 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing