wWarehouse Theme Mobile Logo View - Make It Central

[pnsempire]

Hi all,

Currently about to buy this premium theme but also realsied view of logo on mobile isnt centre as seen in image, please advise how to make central:)

Theme preview https://yzw1hk2493lqc0ls-63614681167.shopifypreview.com

thanks

[Moeed]

Hey @pnsempire

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[tim_tairli]

Do not edit theme code. This will make your future theme updates problematic.

For search bar visible (otherwise right icons area is to wide to center logo) – use “Custom CSS” section setting instead:

@media (max-width:640px) and (min-width:320px) {
  header .header__logo {
    flex-grow: 5;
  }
  .header__logo-image {
    margin: auto;
  }
  .header__mobile-nav {
    margin:0;
  }
  .header__inner > * {
    flex-basis: 5rem;
  }
}