How do I center header logo in Kagami theme?

How do I center header logo in Kagami theme?

ahouse
Tourist
4 0 1

Need some help centering the logo on my website. Built on shopify using Kagami Theme.

 

Untitled design - 2024-06-25T112850.794.png

 

Replies 3 (3)

Moeed
Shopify Partner
6567 1783 2161

Hey @ahouse 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


BSSCommerce-HDL
Shopify Partner
2305 834 905

Hi @ahouse
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSCommerceHDL_0-1719329949911.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1719329954554.png

 

Step 3: Insert the below code at the bottom of the file -> Save

.header__wrapper { 
  table-layout: auto !important;
}

.header__item-logo {
   text-align: right !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

ricouche
Visitor
1 0 0

Thank you for the info on how to make the logo center. Do you know how to make the menu centered too (kagami theme)

Most importantly, do you know how to make the menu transparent. 

Website carlamancini.com

Screenshot 2025-01-08 at 5.17.40 PM.png