Need to center align the logo and announcement bar content

[Mukuldm]

Need to center align the logo and announcement bar content in the header. Please suggest the solution.

URL- https://through-the-lens-shop.myshopify.com/

Password- 112233

[xtrend]

you can add it in separate file or theme css file

<style>

.logo {

text-align: center;

}

.header-col .notification-entry li {

width: 100%;

text-align: center;

}

</style>

or another way you just have 

<style>

.logo {

text-align: center;

}

.notification-entry  {

justify-content: center !important;

}

</style>

[Mukuldm]

Notification bar code is working but logo is not going in center with this code.

[Team_OSC]

Hi @Mukuldm 

Do you want to set logo in the middle and navigation menu in left side?

If yes, can you tell me which theme you are using?

This will help me to solve your problem.

Best Regards

Team_OSC

[Mukuldm]

Yes, need to set logo in the middle and navigation menu in left side.

Using volia theme

[Team_OSC]

I assume that in the header section, there is layout option given to set logo middle and navigation in left.

Please check.

I don't think you need code for this.

Or you can give me theme copy to check.

Best Regards

Team_OSC

[Mukuldm]

logo middle options is not available. I have checked

[Team_OSC]

Then you need coding to set logo middle and navigation left.

[PageFly-Richard]

Hi @Mukuldm 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.top-notification-bar ul.notification-entry {
justify-content: center;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly