Pro Header Left bar is pushing content to right instead of overflow

Hi there,

on my page: http://wordpress.p279621.webspaceconfig.de/
I’m usinf the Pro Header with a left bar and a top bar.
However in the header builder preview the left bar has an overflow, which looks perfect:

But on the front end the left bar is pushing the page content to the right:

How can I achieve the overflow from the header builder preview?

Hi There,

How it works on the frontend is how it should it be. Left sidebar is fixed but not overlapping. There’s a spacer to avoid the overlapping. I will forward this to our issue tracker to check the preview issue.

But then, you want it to overlap. We can hide the sidebar space using custom CSS: https://screencast-o-matic.com/watch/cbXYVc2057

.hm11.x-bar-space {
    -webkit-flex-basis: 0px;
    flex-basis: 0px;
}

That is a CSS fixed and not a recommended setup. Any issue from a fixed is outside the scope of our support.
Additionally, I have added a feature request for an option for a Toggle for this spacer. We cannot promise this will be implemented but it will be taken for consideration. Thank you.

Thank you @Lely, works like a charm!

You’re welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.