Winkel

V281-01

Deze footer toont automatisch de openingstijden. :)

Hoe te gebruiken?

In de config pas het veld 'navbar.footer.style' aan naar 'store'.

Voorvertoning

Alvast beginnen met een basis opmaak?

Neem de onderstaande code over in de website om alvast met een basis opmaak te beginnen.
CSS
footer.nav-footer .top {
	padding-top: 2rem;
}

footer.nav-footer .footer-contact-info i {
	margin-right: 0.75rem;
}

footer.nav-footer .footer-opening_times ul {
	columns: 2;
	column-gap: 30px;
	padding-inline-start: 0px;
}

footer.nav-footer .footer-opening_times li {
	display: flex;
	justify-content: space-between;
}

footer.nav-footer .footer-opening_times .opening_times-day_of_week {
	color: var(--primary);
}

footer.nav-footer .footer-opening_times .opening_times-times {
	text-align: right;
}

footer.nav-footer .title {
	color: var(--primary);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
}

footer.nav-footer .tagline {
	font-size: 80%;
	line-height: 1.5;
	margin: 0;
}

footer.nav-footer hr {
	background-color: var(--secondary);
	margin-top: 3rem;
	margin-bottom: 3rem;
}

@media only screen and (min-width: 992px) {
	footer.nav-footer hr {
		background-color: var(--secondary);
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
}

footer.nav-footer .footer-socials {
	text-align: center;
}