Apps: Using the BEST Currency Converter app in your navigation
App download:
https://apps.shopify.com/doubly-currency-converter
Using the code snippet below, you can position the BEST Currency Converter app nicely on the desktop navigation.
Example:
Closed menu example:
Alternatively, if you don't want to show the flags, the app has their own theme options.
Example of layered version:
Example of no theme version:
In the App settings, find their theme options under the Design section.
How to align the flags and no theme versions:
Verify the version of Pipeline you're using:
How to check your Pipeline version
Pipeline 4 and higher use this code:
/* -- code for positioning BEST Currency app -- */
.accessibleNav .doubly-wrapper {
float: none;
display: inline-block;
margin-bottom: -5px !important;
padding-left: 30px; // adjust this value to 0px; for the no theme version
}
.main-menu span.current.notranslate {
font-family: $accentFontStack;
font-size: 1.0em * $accentFontAdjust;
font-weight: 400;
letter-spacing: 1px;
}
.doubly-nice-select:after {
opacity: 0.4;
}
/* - end - */
Earlier versions of Pipeline use this code:
/* -- code for positioning BEST Currency app -- */
.accessibleNav .doubly-wrapper {
float: none;
display: inline-block;
margin-bottom: -5px !important;
padding-left: 30px; // adjust this value to 0px for the no theme version
}
.main-menu span.current.notranslate {
font-family: $accentFontStack;
font-size: 0.88em;
font-weight: 200;
letter-spacing: 1px;
}
.doubly-nice-select:after {
opacity: 0.4;
}
/* - end - */
Where do I add the code?
Use this link to learn where exactly to add this code snippet: