Nova currency widget position

Topic summary

A user installed the Nova currency switcher widget on their Shopify store, which appears as a floating element by default. They want to reposition it to a fixed location in the footer (bottom left corner) instead of having it float on the page.

Current situation:

  • Widget is currently floating
  • Desired position: fixed in footer, bottom left
  • User included a screenshot showing the exact placement they want

Issue:

  • Cannot find settings within the Nova app to change the widget position
  • App support has not provided assistance

The user is seeking CSS or configuration help to achieve this fixed footer placement. The discussion remains open with no responses or solutions provided yet.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.

Hi! I installed this widget from the Nova app on my Shopify store. The thing is, it’s a floating widget, but I’d like it to be fixed in the footer exactly where I show in the image (bottom left of the footer). I can’t find a way to do it and the app doesn’t provide any help.
Can anyone help me? Thanks!

app: Nova Apps: Auto Currency Converter | Tienda de aplicaciones de Shopify

my url: https://voodoo-warehouse.com/

1 Like

Hey @voodoowww123

Since this widget is coming from the app and instead of floating you want it in the footer as fixed so the best way to do that would be to explore the app and see the display settings of the widget and see what they have to offer in the display.

Just incase , if you’re unable to find the display option in the app then the best way would be to contact the app support and tell them about your issue and maybe they can custom code it for you.

Best,
Moeed

1 Like

I contacted support but they don’t offer that level of customization so i’m trying to figure what I can do. Thank you though for your help :slight_smile:

Hey @voodoowww123,

The requested changes requires to do the custom code in your theme file.

Could you please share your store collab code in the p/m so that I can do the requested changes.

Thanks

Sure! Thank you so much

Hello, @voodoowww123

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / base.css file and paste the code in the bottom of the file.

.baDropdownStyle.noBorder .bacurr-choiceDesign {
    margin-top: 50px !important;
}

You can adjust margin-top as needed!

Thank You!

1 Like