Smart Centered logo header for Bricks Builder - NEW PREMIUM COMPONENT

Smart Centered logo header for Bricks Builder - NEW PREMIUM TEMPLATE
TO GET THIS COMPONENT/TEMPLATE: designwithcrac...
ALL ACCESS MEMBERSHIP (40% OFF for a limited time) :
designwithcrac...
Checkout more Templates at
designwithcrac...
BOOK A 1-HOUR CONSULATION
calendly.com/d...
=============================================
HIRE ME: [e-mail]
=============================================

[@DesignwithCracka]

TO GET THIS COMPONENT/TEMPLATE:
designwithcracka.gumroad.com/l/SmartCenteredLogoHeaderforBricksBuilder
ALL ACCESS MEMBERSHIP (40% OFF for a limited time) :
designwithcracka.gumroad.com/l/DesignwithCrackaMembership/trust-40-off
Checkout more Templates at
designwithcracka.gumroad.com/

[@stewtech]

Thanks for taking the LEAD on Bricks Tutorials!! 🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉

[@James_m7]

Which builder Bricks vs Breakdance do you think is better?

[@vigilantezack]

One thing that would be good, if it can be done, is to try and force the logo to be center, even if menu item size is not even on either side.
menumenumenu1 menu2 [[[[logo]]]] menu3 m4
This would look goofy in many situations, but not all. For example, instead of the tolerance allowing the logo to be off-center, it just allows the menu items to be imbalanced instead, before switching to logo-left. To me, it would be perfectly fine because it's very very unlikely that all menu text on both sides of the logo have the exact same character count. And secondly, it's much more visually obvious that the logo is off center than it would be to notice the menu text is slightly imbalanced left and right.
With a menu like this, I'm not usually worried about the far left and right sides being inside the content width, because I'll switch to mobile menu before anything starts to break. But even if the menu goes outside the content width, that is usually acceptable due to centering where I'm not trying to follow strict "left edge" alignment anyway.
I think this could be done by using JS by finding the dead center of the menu, and then finding the center of the logo compared to the left edge, then see how different they are and do a margin push or transform to adjust the menu accordingly to match it up again.
To summarize, I think visually it is better to keep logo always dead center, and instead let the left or right menu items carry the imbalanced placement.
Just my 2 cents! I'm bookmarking the module in case I need it for the future!

[@DesignwithCracka]

That’s already a feature, it was added after the video was released.
designwithcracka.gumroad.com/p/exciting-news-introducing-our-latest-component-smart-centered-logo-header

[@vigilantezack]

​@@DesignwithCrackaah, perfect!

[@AmandaLucaseu]

how do we get support for this product as having issues?

[@DesignwithCracka]

Please send me an email at [e-mail] or reply to the email you got when you purchased it.

[@MB-sl8pw]

You made a modern portfolio webpage i breakdance can that be done as easy in bricks builder ?

[@DesignwithCracka]

To do same in Bricks will require extra addons for animation e.g. MotionPage or BricksForge.

[@BGdev305]

Confusing, seems a bit complicated to maintain..
Why not just control the div or block 'spacing values' per "menu item" AROUND the centered logo / image? I don't understand why you keep shifting the position of the logo vs just changing the 'spacing' of each menu item.
Why not just use CSS custom properties?
Could even make it more graceful and do this with 'gap spacing values' between menu items. You could dynamically get the total space of the menu header from left to right, subtract the space for logo (+ .5 rem left and right space), then menu items are placed around logo evenly spaced automatically.
Simple JS can count the total count of menu items and 'distribute' them evenly. And IF there is an instance where there is a one off menu item.. the above code will still keep the logo dead in the center.

[@DesignwithCracka]

You should NEVER center a logo between menu items if they are not even. Unless the logo is placed above the menu items as I showed in the video.
Secondly, it’s not complicated to maintain because there’s no maintenance required. Once you set your default layout and criteria, you don’t have to touch it anymore.
Finally, the priority should not be keeping the logo at dead center, but balance. If you try to place the logo at the center irrespective of the menu items, the layout will become unbalanced; there will be an offset in the distance from the left or right of the navigation to the edge of the page, and that should never happen.