Shopify themes, liquid, logos, and UX
Hello,
Dawn 10.0 update has a country / currency selector on the menu. This is interfering with H2 tags, as its building H2 tags with the countries.
Can you please help me turn it off?
site: www.bigloveindianhair.com
Log in</a><div class="menu-drawer__localization header__localization"><noscript><form method="post" action="/localization" id="HeaderCountryMobileFormNoScriptDrawer" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
<h2 class="visually-hidden" id="HeaderCountryMobileLabelNoScriptDrawer">
Country/region
</h2>
Solved! Go to the solution
This is an accepted solution.
Hey @thirdmainroad
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.
<style>
.desktop-localization-wrapper {
display: none;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @thirdmainroad
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.
<style>
.desktop-localization-wrapper {
display: none;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi Moeed,
Thanks for your reply, however, the issue persists, albeit now with Cart looks like
Log in</a><div class="menu-drawer__localization header__localization"><noscript><form method="post" action="/localization" id="HeaderCountryMobileFormNoScriptDrawer" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
<h2 class="visually-hidden" id="HeaderCountryMobileLabelNoScriptDrawer">
Country/region
</h2>
<localization-form class="no-js-hidden"><form method="post" action="/localization" id="HeaderCountryMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
<h2 class="visually-hidden" id="HeaderCountryMobileLabel">
Country/region
</h2><div class="disclosure"
Hello @thirdmainroad
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
.menu-drawer__localization.header__localization {
display: none;
}
Hi there,
I have a similar issue where on my mobile view, I have ZAR/country in the header and I can't get rid of it. What is strange is that it does not appear on the desktop view.
Here is my site so you can check it out : afrographic.com
Any help would be greatly appreciated.
Thanks,
Vincent - Afrographic
We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024