Center logo on debut theme between navigation items on desktop only

[onyx_au]

Hello,

I've seen a few webpages with this layout and I would like it as well but I can seem to find the right CSS for it.

I only want it for desktop only, mobile can stay.

I am looking for the "after" in this picture

My website is www.onyxhive.com.au

Thank you

[ranazain2626]

1. From your Shopify admin, go to Online Store > Themes.
2. Click on the "Actions" button next to the Debut theme, and select "Edit code" from the drop-down menu.
3. In the left-hand sidebar, click on the "Assets" folder, and then select the "theme.scss.liquid" file.

@media only screen and (min-width: 769px) { .site-header__logo { margin: 0 auto; display: block; } .site-nav { float: none; display: table; margin: 0 auto; } .site-nav__item { display: table-cell; float: none; } }

[Ujjaval]

@onyx_au you require customization code for this task you can take any expert help.