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:

Where to add your CSS style code

Still need help? Contact Us Contact Us