Create a blog header from the row

Hi all!

I would like to avoid using any plugins for my headers since it decreases performance drastically, but the header options WP provides are a little too simple for me.

I am using a simple 2-column row that stretches full-screen on all of my pages as a slider and it works perfectly. However, the problem arises in blog posts. Since I have a sidebar on the right, the content area gets pushed to the left. I would like to somehow bring that row with the “slider” above the main content area and the sidebar. Would that be possible?

I was inspecting the similar layouts with the WordPress headers, and it seems like they use this code on the sliders:
position: relative;
z-index: 1;
clear: both;
overflow: hidden;
However, it does nothing if I apply this code to my slider row (along with other tweaks).

I was also playing with display: grid and grid-column-start, but it also didn′t seem to do anything.

I′ve attached one of my blog pages as an example. Is there a way I could create a header from the row that way? Would be thankful for any ideas!

• This topic was modified 2 years, 6 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

The page I need help with: [log in to see the link]