Menu button jumps to second row when reduce browser size

[arthur]

Hi Support,
When I reducing browser width (to 1199px), CONTACT jumps to the second row. I have tried custom css suggested here:

Header – Responsive at 1199px

It seems work when in Google Developer mode. But if I close developer mode and just resize the browser manually it still breaks 🙁 Could you advice please?

Instead, I would expect 1) reduce the space between buttons 2) change to mobile menu (burger)

Thanks,
Arthur

---

[Support]

Hello, thanks for your purchase.

Please try this:

@media (min-width: 992px) and (max-width: 1400px) {
	#header .header-nav.header-nav-links nav > ul > li > a,
	#header .header-nav.header-nav-links nav > ul > li:hover > a,
	#header .header-nav.header-nav-line nav > ul > li > a,
	#header .header-nav.header-nav-line nav > ul > li:hover > a {
		padding: 0 .5rem !important;
	}
}

Let me know if you have any questions.

Kind Regards,

Jonas

---

[arthur]

Thank you, Jonas. It looks good now.
Appreciate your prompt and helpful reply.

---

[Author]

Posts