Venture Theme Banner Uncentering Custom Logo

Hello,

For some odd reason when adding our custom logo it is not centering it correctly. We want the logo to be positioned all the way to the top left. The logo dimensions are not the issue and I think the banner is just stretched out too much. Our Shop URL is currently private and can only be accessed with a password.

Please see screenshot example with highlight.

Thanks :slightly_smiling_face:

@Maniac_Packs Can you please share your store URL and store-front password(If your store is password protected.) So that I can check and give you the solution.

Hi @Maniac_Packs ,

Please send your site and if your site is password protected, please send me the password. I will check it.

@Maniac_Packs

Please share the store URL!

Thanks!

Do I share via message? Dont think I want to out it here…

https://maniac-packs.myshopify.com/

admin is password for site

Hi @Maniac_Packs

Kindly add this code to your theme.scss or theme.css file.

Navigate to online store >> Click edit theme code.

Now find theme.scss or theme.css and paste the following code:

.site-header__upper{max-width: 90% !important;}
.site-header__search-cart-wrapper{display:block !important;text-align: left !important;}

I hope it will be helpful for you.

Thanks

Did it solve your issue?

- If yes, Like & Mark As Solution to help the community

- If not, let me know. also share a screenshot of the code that you added.

Hi @Maniac_Packs ,

I checked and it shows fine.

“the way to the top left”: What does it mean? do you want it to move left a little bit?

Because I checked and your logo has a space on the left, it’s causing this:

Hope it helps!

I want to move it all the way to the top left

Hi @Maniac_Packs ,

You want this:

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

@media only screen and (min-width:1024px) {
	.site-header__logo{
		position: absolute;
		top: 0;
		left: 15px;
	}
}

Hope it helps!

1 Like

Thank you ! :slightly_smiling_face:

1 Like