Hello, please tell me how can I move the switch from the bottom left corner to the top right corner, next to the site language selection? But only in the desktop version, the mobile version should remain by default in the lower left corner. Thank you very much. Currency conversion application BEST Currency Converter
Topic summary
Goal: Move the BEST Currency Converter switch from the bottom-left to the top-right on desktop only, keeping mobile as-is.
Context: The requester shared the store details privately. An image was provided for reference, but the fix relies on CSS.
Solution provided:
- Add a CSS rule at the end of the theme’s CSS file using a desktop-only media query.
- Use @media (min-width: 768px) to target desktop.
- For the currency widget’s class (.doubly-float), set: top: 10px !important; right: 100px !important; and reset bottom/left to auto !important.
Effect:
- Positions the currency switch to the top-right on screens ≥768px while leaving the mobile placement unchanged.
Outcome:
- The requester confirmed the fix worked.
- The helper asked to mark the answer as the accepted solution for future reference.
Status: Resolved with a clear CSS adjustment; no further issues reported.
Hi @ecom_armenia
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
Hello i write you in private message. Thank you.
open your file css and insert the below code at the bottom:
@media (min-width: 768px) {
.doubly-float {
top: 10px !important;
right: 100px !important;
bottom: auto !important;
left: auto !important;
}
}
thank you very much
I am happy to see that my suggestion helped you solve
Would you mind giving me a like and mark solution: https://community.shopify.com/post/2632445
This can be a reference for other merchants if they have an issue like you and greatly motivate me to contribute to community.
