Place the logo in center for mobile view

By default, the platform does not have this option. Logo is placed in the center if the header only has 1 other header component. You can use the following CSS code.

Note: This will only be applicable for logged-out users.

Please follow the steps below:

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:

@media (max-width: 768px) { body:not(.logged-in) .bb-mobile-header .flex-1 { margin-left: calc(-100vw / 2 / 2); margin-right: calc(-100vw / 4 / 2); } }

4. Save changes.

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/