Center logo on debut theme between navigation items on desktop only

64 1 20


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


Thank you


Replies 2 (2)

28 0 8
  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.

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; } }

Chat on WhatsApp: +923017663583
Need a Shopify developer? Hire us at
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications

Shopify Partner
1242 197 206

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