How can I reposition my mobile logo for better visibility?

[harpalsingh420]

I've attached a photo showing the issue, the problem right now is that the logo and center stuff is just not looking right, any help would be greatly appreciated


https://imgur.com/a/Mg4uftr (photo of the issue)

[dmwwebartisan]

@harpalsingh420 

Please share your store URL and storefront password!

Thanks!

[harpalsingh420]

recreation-station.com

password is admin

I want it moved just so that it's centered

[zaczee]

HI,

Where do you want to move the logo ?

[harpalsingh420]

recreation-station

admin is the password

I want it just to be centered

[dmwwebartisan]

@harpalsingh420 

Please add the following CSS code to your assets/base.css bottom of the file.

@media screen and (max-width: 749px){
.header__icon, .header__icon--cart .icon {
    height: 4.9rem !important;
    width: 4.9rem !important;
    padding: 0;
}
.header__icon--search {
  height: 2.9rem !important;
    width: 2.9rem !important;
    padding-top: 1.9rem !important;
}
.header__icon--menu .icon {
    height: 2.9rem !important;
    width: 2.9rem !important;
}
}

Thanks!

[harpalsingh420]

I appreciate the fix, do you know if any of these controls exist in any of the other files. If so would you be so kind as to tell me where I could find them, I don't like adding spaghetti code to the bottom of the base.css unless absolutely necessary 

[harpalsingh420]

It did not fix it