How can I center the promo bar in Kalles multipurpose theme?

Store Design
1

I need to move promo bar to the center..

Anybody help

It works fine in mobile but in desktop it showing in left side

Please help

theme : Kalles shopify multipurpose theme

Store : demostoreforcase2.myshopify.com

password: zialor

screenshot.png
screenshot.png1020×259 67.7 KB

2

@abhi3764 ,

.header-text p {
    text-align: center;
}

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

3

Not working!!

anything else

4

Hello @abhi3764 ,

Add this CSS at the bottom

Online Store->Theme->Edit code->Assets->theme.css

#shopify-section-header_top .header-text p {text-align: center;}
5

It worked, Thank you