Please see the screenshot examples at: https://2td3rv.axshare.com

Thank you in advance for your support!

Alfred

The task you have decided to do is a more advanced one but definitely can be done. We can provide the idea but the coding will have to be done by you. If you wish you can contact us on hello@ishyoboy.com and request a customization service done by us but it will be a paid service as it’s not part of the standard free support we provide for all our themes.

So the idea:
– First of all use custom CSS to center the logo in the header area
– Use custom CSS to center the logo in the sticky bar
– Make sure to check how the logo changes in Mobile Versions
– If necessary add custom CSS for smaller screen sizes using media queries
– Add additional jQuery/JavaScript to compute the width of the menu, the current browser width and to divide the items of the menu to never be over the logo. So a little math is involved in here.
– Test it in different browser sizes and make sure to call the function on browser re-size event.

I guess this is it. P.S. We strongly recommend using a child theme (like the one we provided along with the theme) rather than to update the files of the theme directly in order not to loose your changes with the next theme update.

Feel free to get back to us if you have further questions.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market