How do I center the header logo image?

Store Design
1

How do I do this

2

Hey @Kalum1
Kindly share your Store URL and Password if enabled

3

My Store (b370fb-3.myshopify.com)

4

Please provide store password as well

5

i also want to move the menu up to the black bar on the left, if possible

6

bauwao

7

Hello @Kalum1 !

Could you let me know what is the name of the theme that you’re using?

I can see you shared your store link here, however it is currently password protected - could you send me a screenshot instead to show what you mean?

Usually, there should be an option with the Theme editor which is accessed through Online store > Customize, on the left handside there should be settings that affect the Header which include centering the logo.

If you don’t see this option, then this change may be possible through custom coding, done either by the developer of your theme, or, if you are using a free Shopify theme, we could help you out with this using your design time as described here.

Again, the screenshot will be helpful to better see what is going on.

I would also love to hear a bit more about your business, how are you getting on with Shopify so far?

8

password is bauwao

theme is Warehouse

9

@Kalum1 add below css into theme.css file

@media screen and (min-width: 641px)
{
.header__logo-image {
    max-width: 135px !important;
    margin: 0 auto;
    margin-left: 470% !important;
}
}

Ujjaval_0-1685619255947.png
Ujjaval_0-1685619255947.png1589×786 257 KB

10

Thanks for sharing.

I would recommend you look into this with the developers of the theme, and I found their contact for you here.

If you do choose to implement the code yourself as per suggestions from this thread, I would recommend you take steps to duplicate your theme first as described here.

This is always good practice, because coding changes can affect parts of the theme that you did not intend to change - and so having a copy of your theme before coding changes were made is a good safety net.

11

Kalum1_0-1685620945220.png
Kalum1_0-1685620945220.png1850×902 317 KB

not quite

12

@Kalum1 add below css under previous added css inside media query

.header__inner {
    flex-wrap: nowrap;
    margin-left: 23%;
}
13

seems to be OK now thank you so much, do you know how id move the menu up to the black header on left side and remove white header, and change text to white