Shopify themes, liquid, logos, and UX
I am currently using Dawn 6.0. The currency picker and language selector are used to be on the footer, but I copied the code from community and pasted on header.liquid. So they are displaying on top right of the header. I want to remove the currency picker from the header now, does anyone know what I should do? Thank you.
p.s I went through similar topics but still cannot find any solution.
Hello @Geartron ,
It's GemPages support team and glad to support you today.
Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?
Best regards,
GemPages Support Team
Hi @Geartron
Please add this css in your css file
.localization-selector.link{
display:none;
}
Works like a charm
Hi @Geartron ,
This is Victor from PageFly - Landing Page Builder App.
You can try this code by following these steps:
.localization-selector.link{
display:none;
}
Hope my solution works perfectly for you!
Regards,
Victor | PageFly
Thanks PageFly-Victor, but I couldn't find
I only got > theme-editor.js, no css file with that name. Should I create a new one?
Yes @Geartron You can create a new css file
Please follow this process
your store admin > Online Store > Themes > Actions > Edit code > Assets folder->create custom.css file
and past this code in your theme.liquid file
{{ 'custom.css' | asset_url | stylesheet_tag }}
Thanks Minakship0715, I had custom.css file under Asset already, so I didn't create a new file. However, I tried to paste the code you provided to theme.liquid, it doesn't work.
@Geartron Please past this before closing the </head> tag
{{ 'past your file name here' | asset_url | stylesheet_tag }}
still, not working.
Please send your code
you mean in theme.liquid, the /<head> part?
Pls see below
</script>
</head>
<body class="gradient">
<a class="skip-to-content-link button visually-hidden" href="#MainContent">
{{ "accessibility.skip_to_text" | t }}
</a>
add you file here {{ 'add your file name ' | asset_url | stylesheet_tag }}
</script></head>
<body class="gradient">
<a class="skip-to-content-link button visually-hidden" href="#MainContent">
{{ "accessibility.skip_to_text" | t }}
</a>
it works, but it removes the language selector next to it as well. How can I keep the language selector on the header? Thanks
@Geartron Your language selector and century selector are in a same dive the both comes from same plugin
Hi @Geartron,
Sorry, I missed it. You can add that CSS to Asset -> Base.css
Hope my solution works perfectly for you!
Regards,
Victor | PageFly
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024