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

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.