Center my logo on Ella 6.0 theme

Solved
Denzel
Shopify Partner
59 0 34

I'm trying to center my logo & navigation on the theme ELLA with the 6.0 update.

Screenshot 2022-08-25 at 1.24.57 AM.png

Accepted Solution (1)
KetanKumar
Shopify Partner
36719 3634 11911

This is an accepted solution.

@Denzel 

yes, try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

 

@media screen and (min-width: 1025px) {
.header-top--right {
    width: 100% !important;
}
.header-top--left {
position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
}
.list-menu.text-left {text-align: center;}
}

 

 

KetanKumar_0-1661407288711.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 4 (4)
KetanKumar
Shopify Partner
36719 3634 11911

@Denzel 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
36719 3634 11911

This is an accepted solution.

@Denzel 

yes, try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

 

@media screen and (min-width: 1025px) {
.header-top--right {
    width: 100% !important;
}
.header-top--left {
position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
}
.list-menu.text-left {text-align: center;}
}

 

 

KetanKumar_0-1661407288711.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
DelightCart
Shopify Partner
1200 81 152

@Denzel 

Could you provide me store URL? I should be able to answer your question.

Yours faithfully!

Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.