Ipad Pro Navigation

Question

Hi Guys, great template. Just working through devices. Ipad Pro - 1024px wide in portrait mode. Is there a way to make Ipad Pro just use mobile menu as it does for it's baby the standard Ipad? Or what do you suggest? I have seen the suggestion to adjust the padding --

.device-lg #primary-menu ul li > a {
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
letter-spacing: 0px;
}

I attempted adding css this to the custom.css (being the last style sheet) but it had no impact.

Thanks Megan

SemiColonWeb · Accepted Answer

Hello,

Thanks so much for the Kind Words! :)

Displaying the Mobile Menus on iPad Pro would require some customizations. We would recommend displaying a shrunk up version of the Menus. Consider using the following CSS Codes:
[ch_pre type="css"]@media (min-width: 992px) and (max-width: 1199.98px) {

.menu-container > .menu-item > .menu-link {
	padding-left: 12px;
	padding-right: 12px;
	letter-spacing: 0;
}

}[/ch_pre]

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

MeegB61 · Answer

Cool thanks guys.

That worked OK... with a reduction to font and spacing elements in CSS.

Is it possible to have resize for the left hand logo section down on this this viewport it is taking up almost half of the screen? https://oranaeng.treepl.co/

Semicolon Web · Answer

Hello, The and used for the is not a very optimized solution. Consider using this instead: [ch pre type="css"] logo img { height: 50px; margin top: 25px; margin bottom: 25px; }[/ch pre] This will definitely work fine. Hope this Helps! Let us know if we can help you with anything else or if you find…

MeegB61 · Answer

Awesome! That's fixed it really well, with a couple minor adjustments to the sizes. Super happy with the fact that you guys respond with support also. It's such a relief knowing you have support!

Thank you again.

Semicolon Web · Answer

Hello, Glad that your issues were resolved! Very Happy to Help! And always here to help! Do let us know if we can help you with anything else or if you find any further issues with Canvas.