How can I Edit the header and footer layout of Kampina

Hi Moz,

Please, add this styles to Appearance -> Customize -> Additional CSS:

.site__header__button--search {
	display: none;
}

@media (min-width: 782px) {
	.site__header__button__list {
		margin-left: 0;
	}
}

.site__header .menu-item-4590 a {
	background: var(--kampina--color--secondary);
	padding-left: 16px;
	padding-right: 16px;
	border-radius: 20px;
	transition: opacity var(--kampina--transition-speed) var(--kampina--transition-timing-function);
}
.site__header .menu-item-4590 a:hover {
	opacity: 0.6;
}
.site__header .menu-item-4590:after {
	content: none !important;
}

@media (min-width: 992px) {
	.site__footer__area__col--1 {
		max-width: 39%;
	}
	.site__footer__area__col--2 {
		max-width: 23%;
	}
	.site__footer__area__col--3 {
		max-width: 23%;
	}
	.site__footer__area__col--4 {
		max-width: 15%;
	}
}

Best regards,
TigriWeb Team

Hi Moz,

Please replace the styles for the 3 and 4 columns (or just add them to the end of the styles):

@media (min-width: 992px) {
	.site__footer__area__col--3 {
		max-width: 22%;
	}
	.site__footer__area__col--4 {
		max-width: 16%;
	}
}

and add these styles to the button extra space:

.site__footer__area__col--1 .wp-block-column {
	flex-basis: auto !important;
	flex-grow: 0;
}
.site__footer__area__col--1 ul.wp-block-social-links {
	margin: 0;
}

Best regards,
TigriWeb Team