Centering content inspite of a sticky banner

Design help General
1

Hi,
I need some help with something on my site.

(Inside the Posts Template page)
I want to add a sticky banner to blog posts, and I want the content place holder to remain centered despite the banner.

A picture of the content - centered

Centered Content
Centered Content1921×939 115 KB

A picture of the content - not centered

Not Centered Content
Not Centered Content1918×938 166 KB

Thanks in advance,
Itai.

My Site - In Read Only Mode

2

Hi @ItaiHaroosh,

Right now your parent flexbox is centering everything inside.

A few quick solutions you can look into:

  1. Using display: grid to manage your widths or
  2. Add an empty div with the same width of your banner to the right of your main content. I see you have changed the item order as well, so you have to disable that.
3

Awesome the grid works perfectly, with a variety of widths too!

Thanks a lot for your help!