Skip to main content

How can I make the Currency Converter widget fit a narrow section?

Adjust Currency Converter widget spacing so it works better in sidebars, mobile pages, and compact page sections.

Written by Karan Bhakuni

How can I make the Currency Converter widget fit a narrow section?

If the Currency Converter widget feels too large in a sidebar, mobile page, footer, or narrow content column, reduce the internal spacing so the converter uses less room.

Reduce the padding

Open Settings, then open the Style section. Lower the Padding value until the converter fits comfortably in the available space.

Padding controls the space inside the widget. Reducing it makes the converter tighter without changing the currencies or conversion behavior.

Check the result in preview

  • Use the preview to make sure the amount field and currency dropdowns still have enough space.

  • If the converter still feels crowded, try a compact layout such as Minimal Type, Simple Stack, or Floating Bar.

  • On mobile pages, avoid very long header text because it can make the widget feel wider than needed.

  • If the widget is inside a very narrow website column, test it on the live page before publishing the final design.

The goal is to make the converter compact while keeping the amount and currency selectors easy to read.

Did this answer your question?