A user is experiencing a layout issue where a currency converter flag overlaps with header icons on mobile devices.
A community member provided a CSS solution targeting screens between 340px-749px width, modifying the .doubly-wrapper, .header, and .header__icons classes to adjust positioning, display properties, and padding. The solution includes grid and flexbox adjustments to keep elements aligned.
However, the proposed fix didn’t resolve the issue—the currency converter still appears under the icons when inspected in mobile view. The original poster has since moved their logo to the left side and is now asking if the converter can be repositioned to the right side of the cart icon, where more space is available.
Status: Unresolved; awaiting alternative solutions or further troubleshooting.
