Dawn Theme Footer menu alignment issue

[segevpeleg]

Hi guys.
I tried to set up a menu in my footer section but the last page seems to be aligned out of the menu as you can see in the picture -

Tried to fix it using custom CSS and adding some code to base.css page without success.
Any clues?
Thank you!

[CafeDelMar]

Hi @segevpeleg. Welcome to the Shopify community!

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

[segevpeleg]

Hi @CafeDelMar , website URL: smilekit.co.il , Password: 123123
Thanks 🙂

[CafeDelMar · Accepted solution]

@segevpeleg, 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:

@media screen and (min-width: 750px) {
	footer .footer-block__details-content li {
		margin-right: 1.5rem !important;
	}
}

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

If done correctly, the result should be like this:

[kayakakan]

Hi, in your base.css replace the code you added with this:

.footer-block__details-content li:last-child {
  margin-right: 1.5rem;
}