stickySetTop needs to be different for mobile vs. desktop

[Support]

stickySetTop of -145px looks great on my desktop, but in 100% iPhone mobile view, it leaves way too much white space above my logo. I need to make it shorter on mobile view. How can I do this?

---

Template Version: Latest

[Support]

Hello,

1) In css/custom.css change this:

@media (max-width: 991px) {
	.sticky-header-active #header .header-logo img {
		margin-top: 65px;
	}
}

To this:

@media (max-width: 991px) {
	.sticky-header-active #header .header-logo img {
		margin-top: 35px;
		margin-bottom: 5px;
	}
}

Please try that and let me know if you need further assistance.

Kind Regards,

Rodrigo.

---

[Support]

Oh yes, all fixed! Thanks 🙂

---

[Author]

Posts