Hi,
I’m building a custom header using WPBakery and I have added an HTML block with a trustbar.
The HTML block itself appears centered when I preview the block, but when it is displayed inside the actual header, the trustbar content is shifted to the left and does not align correctly in the center of the header row.
I have already tried centering the element with CSS, including:
display: flex;
justify-content: center;
margin-left/right: auto;
width: fit-content;
width: 100%;
width: 100vw;
I have also tried applying CSS both to the trustbar itself and to the surrounding WPBakery row/column wrappers, but it still does not center correctly in the header.
The element I’m trying to center has this class:
.skibike-trustbar
It seems like the outer header container or theme wrapper is controlling the alignment, rather than the HTML block itself.
Could you please help me identify which header container/wrapper needs to be adjusted so that the trustbar is centered horizontally as one group within the header row?
Thank you!