Menu

Hi!
I still can’t see my heder picture on iPad 🙁 How do I change it?

This is my CSS
/* Logo max height */
.site-header .site-branding img {
max-height: 172px;
}

@media (min-width: 786px) {
/* Logo row height */
.site-header .site-branding-container {
height: 175px;
}
/* Menu row height */
.site-header .container, .main-navigation .menu-search {
height: 40px
}
@media (min-width: 786px) {
#main-slider.overlap {
margin-top: -40px/* Negative value of whatever you’ve set above */
}
}
.main-navigation div>ul>li>a, .main-navigation .menu-search .search-icon:before {
height: 40px;
line-height: 40px
}
.main-navigation ul ul {
top: 37px/* Minus three of whatever you’ve set above */
}
}

Hi, give it a try now.

For notes:

/* Top bar */
.resp #top-bar .top-bar-text {
	text-align: center;
	width: 100%;
}
	
@media (min-width: 1024px) {
	/* Logo max height */
	.site-header .site-branding img {
		max-height: 172px;
	}
	/* Logo row height */
	.site-header .site-branding-container {
		height: 175px;
	}
	/* Menu row height */
	.site-header .container, .main-navigation .menu-search {
		height: 40px;
	}
	#main-slider.overlap {
		margin-top: -40px; /* Negative value of whatever you've set above */
	}
	.main-navigation div>ul>li>a, .main-navigation .menu-search .search-icon:before {
		height: 40px;
		line-height: 40px;
	}
	.main-navigation ul ul {
		top: 37px; /* Minus three of whatever you've set above */
	}
}