Moving brand information to the Left with the Logo

[Khalid10]

Hello

i just want my brand information and logo to be moved to the Left side instead of the Middle in footer area 

thank you

[CafeDelMar]

Hi @Khalid10.

Can you please share the website URL? If it's password-protected, a password would be needed, too. It would be much easier to debug. 

[namphan]

Hi @Khalid10,

Please send the website link, I will check it for you

[Khalid10]

Hello
Its codexdeal.com

[namphan]

Hi @Khalid10,

I checked and can't find the logo info in the footer, did you hide it?

[Khalid10]

Hello

apologies for my late Response 

Yes it was Hidden , now it's visible kindly check it 

thank you 

[CafeDelMar · Accepted solution]

Here's how to achieve that:

1. Navigate to Sales Channels → Online Store → "Customize" button → Theme settings (Gear icon on the left sidebar) → Custom CSS
2. Add the following code:

.footer-block:only-child:last-child {
	margin: unset !important;
}

.footer-block:only-child .footer-block__brand-info {
	text-align: left !important;
}

.footer-block:only-child>.footer-block__brand-info>.footer-block__image-wrapper {
	margin-left: unset !important;
	margin-right: unset !important;
}

3. Save (right top corner)
4. Hard refresh the storefront

If done correctly, the result should be like this:

[Khalid10]

its worked 

thank you much appreciated 

[Khalid10]

can you tell me how to Turn the font in the header and footer in BOLD 

thanks 

[namphan]

Hi @Khalid10,

Please add code CSS:

.list-menu__item {
    font-weight: 600;
}

[Khalid10]

worked fine for the header and chance to make it work for the footer ?

Much appreciated 

[namphan]

Hi @Khalid10,

Please add code:

.policies.list-unstyled {
    font-weight: 600;
}

[Khalid10]

when i try to add a social media profile i see its been duplicated and the newsletter subscription bar is displaced from the middle 

[Khalid10]

Thats who it looks in mobile view 

 

[namphan]

Hi @Khalid10,

Please add code:

.footer-block__brand-info .footer__list-social.list-social {
    display: none;
}
@media screen and (min-width: 750px) {
.footer-block--newsletter {
    flex-direction: column-reverse;
    width: 100%;
}
.footer-block__newsletter {
    text-align: center;
    width: 100%;
}
.footer-block__newsletter .footer__newsletter {
    justify-content: center;
    align-items: center;
    margin: auto;
}
.footer-block__newsletter+.footer__list-social {
    width: 100%;
    justify-content: center;
}
}

[Khalid10]

should i add the code after the previous codes ?

.footer-block:only-child:last-child {
  margin: unset !important;
}
.footer-block:only-child .footer-block__brand-info {
  text-align: left !important;
}
.footer-block:only-child
  > .footer-block__brand-info
  > .footer-block__image-wrapper {
  margin-left: unset !important;
  margin-right: unset !important;
}
.list-menu__item {
  font-weight: 600;
}
.policies.list-unstyled {
  font-weight: 600;
}

i tried to add the new code after the previous code but still the same  

[Khalid10]

only the duplicated facebook icon gone