Left bar pushes content to the right

[salilou]

Hi
is there a way to use a left bar without pushing the content to the right?

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: [image] But on the front end the left bar is pushing the page content to the right: [image] How can I achieve the overflow from the header builder preview?

I want something like this, fixed social icons on the left:

Xavier Naidoo | Offizielle Website

Thank you very much!
Hannes

[prakash_s]

Hello Hannes,

Thanks for writing to us.

The feature that you want would require custom development I would suggest you please contact a developer who can assist you with your concerns or you may subscribe to One where customization questions are answered.

Alternatively, you can search for a plugin on the WordPress plugin repository for the sticky social icon. Please note that we don’t provide custom development support or any third-party plugin support. It is out of the support scope.

Thanks for understanding

[salilou]

Thank you for your very fast response!
Ist there a way to build it with a header bar on the left side?
Should be possible.
In this thread is described a CSS method, that unfortunately does not work for me.

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

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 o…

Thank you very much,
Hannes

[marc_a]

Hey Hannes,

Are you talking about the same as our demo restaurant template? Here’s a quick preview.

• https://demo.theme.co/restaurant/

If yes, you can download the template and then just follow the steps on how it’s done. If not, please let us know.

Thank you.

[salilou]

No I am talking about something like that:

Xavier Naidoo | Offizielle Website

[ruenel]

Hello @salilou,

In your custom header, you can insert a DIV element and position it as “Fixed” where you place it in the lower left corner of the page. This DIV element will then be used as a container for your icons or whatever element you want to display in the area.

Best Regards.

[salilou]

So simple. Thank you very much and best regards!

[prakash_s]

You are most welcome @salilou