Center align mobile Logo image in Beaver Builder theme

By default, in mobile view of the Beaver Builder theme: logo image appears on the left side and hamburger icon on the right side. However, you may want to show logo image center aligned while keeping menu hamburger floating to the right side. Little CSS magic can make this change easily.

Before (left aligned logo) vs After (right aligned logo)

CSS Code to center align logo image

3. Save changes. Make sure you clear website and browser cache to see changes.

About Davinder Singh Kainth

Davinder loves creating and implementing online spaces. He has over a decade of experience reaching corners of: design, development, blogging and SEO. He also create products at SimpleProThemes(.com), WordPress learning at BasicWP(.com) & digital solutions at iGuiding(.com)