Center logo on debut theme between navigation items on desktop only

onyx_au
Explorer
64 1 20

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

Untitled-1.jpg

Replies 2 (2)

ranazain2626
Excursionist
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.


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

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

Ujjaval
Shopify Partner
1242 197 206

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