Horizon Theme Account Dropdown

Hello everyone,

For the past two days, the login (account) has always been aligned to the right side of the screen. Previously, it was positioned to the left of the icon, as shown in the demo.

The theme was installed without making any modifications. I am currently using the RIDE theme on the live website.

Could there have been an update in Shopify that might have caused this behavior?

All apps are disabled.

Thank you in advance for your help.

Hi @RachidBo Welcome to Shopify Community Can You Please Share The URL Of Your Website

A few things worth checking, since “no modifications made” plus a sudden shift strongly points to either a theme auto-update or a setting that got toggled without you realizing:

1. Check the header section’s icon settings in the theme editor. Horizon-based themes (RIDE included) usually have a setting under the Header section controlling icon style and label visibility - something like “Show account icon” vs “Show account text” or an icon/label order toggle. If a Shopify or theme update changed a default value, this setting may have silently reset. Go to Online Store > Themes > Customize > Header section and look for anything related to account/login display style.

2. Check if this coincides with a theme version update. Go to Online Store > Themes, and check your theme’s version history/changelog (three-dot menu > “Theme updates” or similar, depending on how RIDE packages updates). If RIDE pushed an update in the last two days, that’s very likely the trigger, since you said no manual changes were made on your end.

3. Rule out a duplicate/leftover header block. Sometimes when a theme update changes a section’s default structure, old customizations can leave an extra or misconfigured block behind that isn’t visually obvious until you inspect the section in the editor closely - worth removing and re-adding the account icon block if the setting above doesn’t resolve it.

4. If none of the above shows anything unusual, this is worth reporting directly to your theme developer (RIDE support) rather than general Shopify support, since custom/paid themes maintain their own section code independently of Shopify’s own layout engine - this kind of shift is almost always theme-specific, not a platform-wide change.

Best,
Vikash Jha - Apploy

From your screenshots, it doesn’t look like an issue with the Ride theme itself. The account/login drawer is rendering correctly, but its position has shifted to the right edge of the viewport instead of opening beside the account icon.

If your theme hasn’t been modified and all apps are disabled, here are a few things to check:

  • Confirm your theme version. If you’re using an older version of Ride, compare it with the latest release in the Theme Store. Shopify occasionally updates JavaScript and CSS that affect components like drawers and popovers.
  • Test an untouched copy of the Ride theme. Add a fresh copy from the Theme Store (don’t publish it) and see if the behavior is the same. If it isn’t, the issue is likely specific to your theme installation.
  • Test in another browser or an incognito window to rule out cached assets.
  • Open your browser’s developer tools and check for any JavaScript errors when clicking the account icon. A script error can sometimes prevent the drawer from being positioned correctly.

If you can reproduce the issue on a fresh, unmodified copy of the latest Ride theme, it’s worth reporting to Shopify Support. Since the demo displays the drawer on the left of the account icon and your live store now consistently positions it on the right, Shopify’s Theme team can determine whether this is a recent regression or an issue specific to the current Ride theme version.

THX.

I have published the Horizon theme so that the issue can be seen immediately.
Isn’t the Horizon theme developed directly by Shopify?

I also tested it on horizon. Seeing the same issue.

I moved it back under the icon with a small CSS snippet, given below

Add it once, in the footer, so it applies to every page

  • Online Store, Themes, Customize.
  • In the left panel scroll to the Footer group, click Add section, choose Custom Liquid.
  • Paste the code below into the Liquid code box, then Save.

<style>
  @media (min-width: 751px) {
    shopify-account { anchor-name: --account-trigger; }
    shopify-account::part(dialog) {
      position-anchor: --account-trigger;
      inset-inline-end: anchor(right);
      inset-inline-start: auto;
      inset-block-start: calc(anchor(bottom) + 8px);
    }
  }
</style>

The popover moved from the far edge to right under the account icon.

Note:
That account menu is not part of Ride or Horizon, so nothing in your theme changed and disabling apps could never fix it.

It is Shopify’s own login element (the same one on every Horizon based theme, Ride included, and yes Horizon is built by Shopify).

Unfortunately, it didn’t work on my site.

@all!

Info from the Shopy-Team: “It seems that this current layout is the latest standard positioning of the account login prompt.

So, it’s not a bug, but a new change.

I asked Shopify if it would be possible to adjust it yourself in the future like right/center/left. It was forwarded to Support-Team. Maybe there will be a dedicated setting for it soon :slight_smile:

SOLVED! The KI insert this in my css file:

shopify-account::part(dialog) {
  right: 0 !important;
  left: auto !important;
  transform: none !important;
}

That was my mistake! Unfortunately, I didn’t notice it right away.