To center a container

[johntheripper]

Hi there,

i am revamping my header build with pro.

The page and header i am testing is https://www.wellcoll.nl/autoschadetest/

The bottom bar of the header is tranparant, and to the left I positioned breadbrumbs, The breadcrumbs are varying in lengthe of course, wich misalign the middle dropdown menu item labbeled AUTOSCHADE.

How can i center that dropdown menu so it alsways centered with the logo above regardless of the length of the breadcrumbs?

tia

regard

[nico]

Hi @johntheripper,

Thanks for writing in.

Trying to understand the situation however still a bit confuse. Would you mind sharing us a screenshot with guides of what you want to center and I could see that AUTOSCHADE is the middle already.

Once we fully understand the customization, we’ll do our best help you.

Thanks.

[johntheripper]

Thanks for your reply

In the screenshot i marked the two containers. Usually you can play with margin settings to center both the WELLCOLL logo and the AUTOSCHADE dropdown toggle.

Because of breadcrumbs varying a lot in lenght, the position of AUTOSCHADE varies.

Note, there is just one page with this header as a test,

thanks again

[Joao]

Hi There,

As you have built a fairly complex header, please provide your login credentials in a secure note so we can suggest you some changes.

Thank you

[johntheripper]

secure noted added.

The particular header is called NIEUWE VERSIE

[ruenel]

Hello There,

I have checked your header and you have different header column widths. The only way you can center your logo and the navigation dropdown is to reconstruct and be conscious of each column widths. So to make that happen, I edited your header and change the maximum width for each container width to 33% since you only have 3 columns. Having the setting this way, will make sure that the navigation dropdown will be at the center. Please check out this screenshot:

And also, please consider that you have added outer spacing in your bar element, you may need to adjust it to make sure that the dropdown will be at the center just like this screenshot:

Hope this helps.