How can I center my logo on both mobile and desktop screens?

Hello, I am wondering if could someone help me center my logo on my mobile screen and keep it centered on the desktop. The theme I am using is Debut. I have tried other coding, but nothing has worked.

Thank you!

@marionna5 ,

Share the store link…

www.moeshaycosmetics.com pass:rebrand2000

@marionna5 ,

Do you want like this ?

no, with the menu bar to the left of the logo and the search and cart to the right of the logo if possible

Hi @Marionna5

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset-> theme.css paste the below code at the top the file.

@media (max-width:767px){

.grid.grid–no-gutters.grid–table.site-header__mobile-nav {

min-height: 78px !important;

justify-content: end !important;

}

.grid__item.medium-up–one-third.medium-up–push-one-third.logo-align–center {

position: absolute !important;

}

}

I hope my above information can help you

Kind regards

PageFly

is there a way I could move the menu bar to the left of the logo and keep the search and cart icons to the right??

@marionna5 ,

give me the store access to my email id so that I can check & let you know!