Ella Theme - How to center logo on header for desktop

1 0 0

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


Reply 1 (1)

Shopify Expert
482 91 104


Hi @Stephdesigns 

You should try following the instructions below

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


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




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


The result


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

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

B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price

Need help from our expert? Kindly share your request with us via community@bsscommerce.com

BSS Commerce - Full-service eCommerce Agency