Centering Header Image Logo In Mobile and Desktop Version (Warehouse Theme)

[Fariss]

I’m using Warehouse Theme.
I want to centre the header logo image in the mobile & desktop versions. Can someone help?

[Halothemes]

Hi @Fariss ,

Please share your store URL and password of front view.
So that I will check and let you know the exact solution here.

Best regards.

[Zworthkey]

@Fariss
Welcome to Shopify Community.
it’s customization work for that you have to hire a developer,
let me know if you need any more help.

[DelightCart]

@Fariss

Could you provide me store URL? I should be able to answer your question.

Yours faithfully

[SetuBridge_1]

Hello @DelightCart

Greetings!!

Please follow the below steps,

1. Online store->themes->Actions->edit code->assets->theme.css

2. Paste this below code

header.header .header__action-list {margin-left:0;}
header.header .header__inner {  
   flex-wrap: inherit;  align-items: center;   justify-content: space-between;
}

Let me know if you have any other queries

[Fariss]

Hi, I just tried and it worked but I notice it is not really centred. How can I adjust it a little to make it really centred? As you can see it should be aligned with the banner.

[SetuBridge_1]

Hello @Fariss
I have updated code, please replace with it

Please follow the below steps,

1. Online store->themes->Actions->edit code->assets->theme.css

2. Paste this below code

header.header .header__action-list {margin-left:0;}
header.header .header__inner {  
   flex-wrap: inherit;  align-items: center;   justify-content: space-between;
}
@media only screen and (min-width: 400px) and (max-width:600px) {
header.header .header__inner .header__logo { margin-left: 75px; }
}

Output:

Let me know if you have any other queries, if you got an answer and solution please like and Mark it as an Accepted Solution