Streaming live at 10am (PST)

Centering content inspite of a sticky banner

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

A picture of the content - not centered

Thanks in advance,
Itai.

My Site - In Read Only Mode

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.

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

Thanks a lot for your help!