AbanteCart Community

Shopping Cart Operations => Support => Template Support => Topic started by: Nuno Neff on December 18, 2023, 05:16:52 PM

Title: Bootstrap5 Logo Position
Post by: Nuno Neff on December 18, 2023, 05:16:52 PM
 Hello i would like move the store logo to the center of the header in the bootstrap5 theme, what do i have to do?
Title: Re: Bootstrap5 Logo Position
Post by: abolabo on December 19, 2023, 06:28:51 AM
you can find logo here
public_html/extensions/bootstrap5/storefront/view/bootstrap5/template/common/header.tpl

https://getbootstrap.com/docs/5.3/utilities/flex/#justify-content (https://getbootstrap.com/docs/5.3/utilities/flex/#justify-content)
Title: Re: Bootstrap5 Logo Position
Post by: abantecart on December 19, 2023, 07:42:02 AM
You need to edit below line in fine public_html/extensions/bootstrap5/storefront/view/bootstrap5/template/common/header.tpl

Around line 3 there is a code below
<div class="mb-auto col-12 col-md-2 d-flex flex-wrap flex-md-nowrap justify-content-between"
       

You need to set a 100% width here and set justify-content-center
Title: Re: Bootstrap5 Logo Position
Post by: Nuno Neff on December 19, 2023, 11:02:20 AM
Ive done that but still continue to have the logo on my left.

Can you please help me solve this?
Title: Re: Bootstrap5 Logo Position
Post by: abantecart on December 20, 2023, 07:21:59 AM
Can you share your HTML/CSS or post a link?
Title: Re: Bootstrap5 Logo Position
Post by: Nuno Neff on December 22, 2023, 06:40:07 PM
Its working thanks ;)