Arrows become hidden as menu is viewed on iPad

[rotation]

I would like to know how to make the site go into mobile mode when viewed on iPad Pro. its not going to mobile mode and the header increases in size and hides the arrows for portfolio posts. Its the header menu, how can I fix this?

[friech]

Hi @rotation,

Thank you for writing in, please add this to Theme Options > CSS

@media (min-width: 980px) and (max-width: 1366px) {
	header .x-nav-wrap.desktop,
	header .x-nav-wrap.mobile.x-collapsed {
		display: none;
	}
	header .x-nav-wrap.mobile {
		display: block;
		
	}
	header .x-btn-navbar {
		display: block;
		float: right;
	}
}

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Hope it helps,
Cheers!

[rotation]

This worked thanks

[lely]

You’re welcome @rotation!

Cheers.