New Shopify Certification now available: Liquid Storefronts for Theme Developers

Removing of country selector from hamburger menu Dawn

Solved
TiOs
New Member
6 0 0

Hi community!

 

This issue is related to Dawn bug when unselected country/region selector is still visible on mobile view.

I'd like to remove country/region selector only, so language selector remains.

 

https://www.prekrasy.com/

 

 

TiOs_1-1695132667612.png

 

Thanks!

Accepted Solution (1)
PageFly-Henry
Globetrotter
511 130 104

This is an accepted solution.

Hi @TiOs 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

form#HeaderCountryMobileForm {

  display: none !important;

}

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 2 (2)
PageFly-Henry
Globetrotter
511 130 104

This is an accepted solution.

Hi @TiOs 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

form#HeaderCountryMobileForm {

  display: none !important;

}

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

SepehrV
Visitor
1 0 0

Hello everyone, If you wish to eliminate the country selector from both mobile and desktop views, you can utilize the following code : 

 

form#HeaderCountryMobileForm {
display: none !important;
}