shopify circle menu

Store Design

Topic summary

A Shopify store owner reports their circle menu unexpectedly switched from horizontal to vertical orientation 3-4 months ago, with no apparent option to change it back through the section menu settings.

Suggested troubleshooting steps:

  • Check the theme customizer for menu layout options under Navigation or Header settings
  • Inspect CSS files (theme.css or custom.css) for display: flex; or flex-direction: column; properties applied to the menu
  • Add custom CSS to force horizontal layout:
.your-menu-class {
  display: flex;
  flex-direction: row !important;
}
  • Use browser Inspect Element to identify the correct menu class name

Current status: The issue remains unresolved. One responder requested the store URL and password to provide more specific assistance. The problem is likely CSS-related, potentially caused by a theme update or conflicting custom code.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Circle menu has suddenly decided to put it self vertical, any advice or help to return it to horizontal please. it has been vertical for the last 3 or 4 months, can’t see any way to change it in the section menu.

2

Hi @Tonyboy64

Sounds like a CSS issue, possibly due to a theme update or conflicting custom code. Here’s what you can try:

  • Check Theme Customizer – If your theme allows menu layout adjustments, look under Navigation or Header settings in Shopify’s theme editor.
  • Inspect CSS Code – In Online Store > Themes > Edit Code, check theme.css or custom.css for any display: flex; or flex-direction: column; applied to the menu. Change column to row.
  • Use Custom CSS – Add this to your theme’s custom CSS

.your-menu-class {
display: flex;
flex-direction: row !important;
}

(Replace .your-menu-class with the actual menu class from Inspect Element in your browser).

Hope this helps :slightly_smiling_face:

1 Like
3

Hi @Tonyboy64 ,

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?