How to Create a Fixed Left Sidebar Menu Like Margaret Howell’s Store? Body

[nowayhome2]

Hi everyone,

I want to design my Shopify store with a layout similar to Margaret Howell’s website (https://www.margarethowell.co.uk/pages/news). Specifically, I’d like to:

- Have a permanently fixed left sidebar menu that stays visible on all pages. 
- Keep the search bar, login, and cart in the top-right corner, just like on their site.
- Align the main content to the right of the sidebar.

- Maintain a minimalist design with a clean product grid.
I’m using Dawn as my base theme. What’s the best way to achieve this using CSS, Liquid edits, or apps?
Would love to hear from anyone who has done something similar. Thanks!

  

 

[nowayhome2]

No, thank you. Your store is exactly the opposite of what I want to achieve. It looks cheap and scammy, and not at all luxurious or trustworthy in my opinion.

[charlie5]

To achieve a layout similar to Margaret Howell’s site using the Dawn theme, you’ll need to modify theme liquid by wrapping the content in a flex container. Create a fixed aside for the sidebar and a main for the content. Then, add a custom sidebar section to display your navigation menu.

For styling, use CSS to fix the sidebar on the left with a full height, a set width, and a border. Adjust the main content area to sit beside it with proper spacing. The search bar, login, and cart icons can remain in the top-right but may need minor alignment tweaks.

To match the minimalist product grid, modify the collection template to use a clean, three-column grid with evenly spaced items and uniform images. If needed, apps can help refine the sidebar or grid layout, but these edits should be enough to achieve the look you want. Let me know if you need any adjustments

[charlie5]

Let if know if you understand.

[nowayhome2]

Hey, I’m really new to Shopify, so I don’t understand unfortunately. If anyone has some code or Liquid that I can use or add to my store, I’d be super thankful. Other than that, I don’t know how to code myself.