Hello everyone, I am experiencing an issue with centering a container in a header within my mobile breakpoint.
I would like to ultimately have it so that the drop down menu produced by my container is centered on the mobile breakpoint.
Here’s a screenshot of my header and its spacing settings visible:
And here’s a screenshot of the container I would like to center, with its spacing settings visible:
If you are able to help, it would be greatly appreciated!
Hi there,
To center your container, you can use either of these reliable methods:
Using auto margin:
Select your container in the Style panel and click the horizontally center icon next to Spacing. This will apply auto margins to both sides of your container.
Using flexbox:
Select the parent element, set the display to flex in the Style panel, then click the center cell of the align box. This method is particularly effective for maintaining center alignment across different screen sizes.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Hi, unfortunately, neither of these methods worked.
