Ella Theme - How to center logo on header for desktop

Ella Theme - How to center logo on header for desktop

Stephdesigns
Shopify Partner
6 0 1

Hi Everyone!
Slightly having an issue in centering my logo in the middle of the website and would like the shopping cart to stay where it is. Help will be appreciated!!

Website: https://c364fb-65.myshopify.com/?_ab=0&_fd=0&_sc=1

Password: lahfru

Capture.JPG

Reply 1 (1)

BSSCommerce-B2B
Shopify Partner
1972 564 564

 

Hi @Stephdesigns 

You should try following the instructions below

Step 1: Go to Admin -> Online store -> Theme > Edit code

BSSCommerceB2B_0-1717808796083.png

Step 2: Search for the file base.css and add this code snippet to the end of the file

2.png

 

 

.header__logo>.header__heading {
    display: flex !important;
    justify-content: flex-end !important;
    transform: translateX(calc(10% + 15px));
}

 

The result

BSSCommerceB2B_1-1717811002220.png

If it's helpful, please like and mark it as a solution, thank you

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


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