Author Topic: Bootstrap5 Logo Position  (Read 5598 times)

Offline Nuno Neff

  • Full Member
  • ***
  • Posts: 237
  • Karma: +28/-10
    • View Profile
Bootstrap5 Logo Position
« 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?

Offline abolabo

  • core-developer
  • Administrator
  • Hero Member
  • *****
  • Posts: 2067
  • Karma: +326/-13
  • web for all, all for web!
    • View Profile
    • AbanteCart
Re: Bootstrap5 Logo Position
« Reply #1 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
« Last Edit: December 19, 2023, 06:46:49 AM by abolabo »
“No one is useless in this world who lightens the burdens of another.”
― Charles Dickens

Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 4363
  • Karma: +301/-10
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: Bootstrap5 Logo Position
« Reply #2 on: December 19, 2023, 07:42:02 AM »
You need to edit below line in fine
Code: [Select]
public_html/extensions/bootstrap5/storefront/view/bootstrap5/template/common/header.tpl
Around line 3 there is a code below
Code: [Select]
<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
Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

Offline Nuno Neff

  • Full Member
  • ***
  • Posts: 237
  • Karma: +28/-10
    • View Profile
Re: Bootstrap5 Logo Position
« Reply #3 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?

Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 4363
  • Karma: +301/-10
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: Bootstrap5 Logo Position
« Reply #4 on: December 20, 2023, 07:21:59 AM »
Can you share your HTML/CSS or post a link?
Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

Offline Nuno Neff

  • Full Member
  • ***
  • Posts: 237
  • Karma: +28/-10
    • View Profile
Re: Bootstrap5 Logo Position
« Reply #5 on: December 22, 2023, 06:40:07 PM »
Its working thanks ;)

 

Powered by SMFPacks Social Login Mod