How to center a blog post with a sticky menu on the side

Design help General
1

I’m trying to center the main body of my blog post in a CMS with a sticky menu on the side. I’m not sure how to setup the layout. To get the menu I’m doing a flexbox with it and the content of the post but then it centers both of those together.

Any idea how to fix that?

https://preview.webflow.com/preview/make-or-break-shop?utm_medium=preview_link&utm_source=designer&utm_content=make-or-break-shop&preview=b116e9cbe19ddf9e175fc00b8aa3fbb4&pageId=5da5c284c4c51704493a50ca&itemId=5dbd9e8e15cb7ff4c09f2aed&mode=preview

Thanks!
Brandon

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hello :slight_smile:

Please see video and let me know if this is the result you’re looking for.

3

Almost, how do I get the More Projects section centered with the YouTube embed and then the Sign Up is on the right.

Also here is a link to an updated design that has a sticky index of steps on the left. I want to get that to work without have to do a horizontal flexbox but still keep the main text centered:

https://preview.webflow.com/preview/make-or-break-shop?utm_medium=preview_link&utm_source=designer&utm_content=make-or-break-shop&preview=ad5ca04c4a440c821a41c27d743d96e7&pageId=5da5c284c4c51704493a50ca&itemId=5dbd9e8e15cb7ff4c09f2aed&mode=preview

4

Hello :slight_smile:

That is a tricky one considering you only have so much screen space to work with. I would suggest making the signup block smaller so that it fits along the right side of the ‘More Projects’ section. Will keep trying to see if I can find another solution.

Maybe someone else has a better solution.

5

So I wound up just using a flex grid to and reconfiguring everything, seemed to work!