Can I rearrange menu items and logo in Shopify's Minimal theme header bar?

gavinfischenich
Excursionist
15 0 7

Hello, I have been trying to figure out how to change my Shopify Minimal Theme so that my Header Image and Menu Items are all apart of the header bar and not their own segments. I managed To use some code from another thread to get my logo into the header bar and centered, But I would like for the Header Logo to be on the left hand side. I would also like for the menu Items to be next to the Header Image. Can Anyone help me with this issue? Thanks!

 

My URL is www.fishersupply.us 

 

Here is an example of how I would like it to look.fisher.png

Replies 4 (4)
gavinfischenich
Excursionist
15 0 7

What code do I modify? And what do i change it to?

AliReviews
Shopify Partner
773 89 353

Hello @gavinfischenich ,

 

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code 

Go to Assets folder -> base.css file -> add the following code at the bottom of page

.header-container {
  display: flex;
  align-items: center;
}

.logo {
  margin-right: auto;
}

Save changes 

 

Hope this can help. Let us know if you need any further support.

Ali Reviews team.

- Was my answer helpful? Please hit Like or Mark it as solution!
- Ali Reviews - The must-have Shopify app that empowers you to effortlessly collect, display, and manage product reviews.
- Start your FREE trial today!

oscprofessional
Shopify Partner
15830 2369 3071

Hello @gavinfischenich 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->timber.css>Add this code at the bottom.

 

.logo_header {
    top: 53px !important;
    left: 52px !important;
}
.site-nav {
   border-top: 0px !important;
   border-bottom: 0px !important;
   margin: 0 0 30px !important;
   margin-top: 0px !important; 
}

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
gavinfischenich
Excursionist
15 0 7

Thank you, It is almost there, now it looks like this...

is there any way to move the site navigation to the right more so it is not overlapping the logo?

Screen Shot 2023-05-30 at 9.48.04 AM.png