Botanet

Hi richardbkk,

You can do different headers by using media queries.

Your header for mobile

@media only screen and (min-width : 320px) and (max-width : 480px) {
 /* style here */
}

Your header for tablet

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
/* style here */
}

thanks

Hey richardbkk,

After creating a child theme for your site add this on your child theme style.css

@media (max-width: 643px) {
.site-header .home-link {
	color: #141412;
	display: block;
	margin: 0 auto;
	max-width: 1080px;
	min-height: 50px;
	padding: 0 20px;
	text-decoration: none;
	width: 100%;
	}
}

Happy editing 🙂