How can I center the logo in Ella Theme 5.1.0?

Store Design
,
1

Hello, I would like some assistance with centering the logo on the Ella theme. Many of the accepted solutions I’ve found are either incompatible with this version of Ella or do not work altogether.

2

Hello @bougiebunny_44 ,

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

3

Hey @GemPages , thank you for the response, https://8wof1z3qae23ikuk-67520102699.shopifypreview.com

4

Hi,

It need some code customization to centering the logo image.

You can hire me.

Thank you.

5

@bougiebunny_44

Hello,

@media (min-width: 1200px){
       .header-default .header-panel-bt{
               display: grid !important;
               grid-template-columns: 1fr 1fr 1fr;
    }
      .left-groups.header-items {
            grid-column: 2/3;
            align-items: center;
            text-align: center;
     }
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme-style.scss.liquid

Like This

oscprofessional_0-1669182880868.png
oscprofessional_0-1669182880868.png1888×747 51.8 KB

6

Thank you so much, it worked!

7

Is there anyway to get this to center the logo on mobile as well?