Solved

Dropdown menu currency bug

NHprpz
Tourist
5 0 0

Hi, recently i have made my header transparent it works fine but i had an issue with the menu when i select currency i shows behind the menu itself on mobile.

Screenshot_20240209_091043_Instagram.jpg

 norahpearls.shop

Accepted Solution (1)

ThePixelEdge
Shopify Partner
158 16 15

This is an accepted solution.

Hi @NHprpz 
In component-localization-form.css file find the class .disclosure__list-wrapper.country-selector written inside a media query

and replace the css with 

.disclosure__list-wrapper.country-selector {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: max-content;
	max-height: 80vh;
	border-radius: 0;
	border: none;
	box-shadow: none;
	z-index: 99;
	overflow: scroll;
	background: #fff;
	top: 0;
}

 

If helpful then please Like and Accept Solution .
Buy me A Coffee

Whatsapp :- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications


Connect with Us in Our DMs | teampixeledge@gmail.com

View solution in original post

Replies 2 (2)

ThePixelEdge
Shopify Partner
158 16 15

This is an accepted solution.

Hi @NHprpz 
In component-localization-form.css file find the class .disclosure__list-wrapper.country-selector written inside a media query

and replace the css with 

.disclosure__list-wrapper.country-selector {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: max-content;
	max-height: 80vh;
	border-radius: 0;
	border: none;
	box-shadow: none;
	z-index: 99;
	overflow: scroll;
	background: #fff;
	top: 0;
}

 

If helpful then please Like and Accept Solution .
Buy me A Coffee

Whatsapp :- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications


Connect with Us in Our DMs | teampixeledge@gmail.com
NHprpz
Tourist
5 0 0

Amazing! it works. Thank you