How can I center my logo at the top of my webpage?

Store Design
1

Hello,

My logo is currently at the left of my website and I’m trying to move it to the top center of the site below the announcement bar with padding above and below for both desktop and mobile versions. Does anyone have any suggestions? Thank you in advance.

https://greerchicago.com

2

Hi,

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.
.Header__Main{
flex-wrap: wrap;
}
.Header__Logo{
    margin: auto;
}
.Header__LogoWrapper{
	flex: 100%;
}
3

Hi @GREERChicago

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 bottom of the file.

@media (min-width:1000px){

.Header__Main{

flex-wrap: wrap;

}

.Header__Logo{

margin: auto;

}

.Header__LogoWrapper{

flex: 100%;

}

.Header__MainMenu.HiddenMediumDown{max-width:85% !important}

}

Hope my solution works perfectly for you!

Best Regards;

PageFly

4

Thank you so much for your help!