Footer line height, mobile view - Dawn theme

Store Design
1

Hi, I’m trying to reduce the line height (space between the lines and between the Headline and links/text) of my Quick links and texts on the footer, without success so far. Can someone help me out? It is only for mobile.

Furthermore, I would like to center the footer on desktop, but I manage to do that only for the Headers, not for the Links and texts.

My store is: mellowmuses.com

Many thanks for your help

2

@BettiB

Go to assets/base.css and paste below css at bottom of file.

menu__item.list-menu__item--link
{
line-height: 1 !important;
}

Go to assets/section-footer.css and paste below css at bottom of file.

.footer-block__heading
{
margin-bottom: 0.5rem !important;
}
1 Like
3

Hi @DelightCart , thanks a lot. Unfortunately it is not working. Nothing has changed on the mobile view, only on the Desktop view - the links and text moved closer to the header, but the space between the text lines and links has not changed neither on mobile nor on desktop. Any idea what can be the issue? Thank you

4

Hi @BettiB ,

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (max-width: 749px) {
	.footer-block__heading {
		margin-bottom: 1rem !important;
	}
	.footer-block__details-content .list-menu__item--link {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.footer-block__details-content.rte p {
		margin-bottom: 0.5rem !important;
		margin-top: 0.5rem !important;
	}
}

Hope it helps!

1 Like
5

@LitExtension , this worked perfectly! Thank you.

1 Like