OonealbsFeb 12, 2020
We have a couple of issues with our website on Apple devices. On an full-size iPad, when turned to landscape position, the navigation is not working properly. When in portrait position, part of the page goes beyond the screen.
Need Help For Apple Devices
4 replies · opened Feb 12, 2020
SSemicolon WebSTAFFFeb 13, 2020
Hello,
Apologies about the Inconveniences caused!
Any chances you could provide us with a Live URL or a Screenshot of the issue so that we can replicate the same and provide you with further assistance on this. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
OonealbsFeb 17, 2020
See attached pic for ipad in landscape mode.
SSemicolon WebSTAFFFeb 17, 2020
Hello,
This is due to the number of items in the Header and them surpassing the available width. You will need to manually decrease the Font Size and Padding to avoid issues on Smaller Sized Headers. Consider using the following code:
.device-lg #primary-menu ul li > a {
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
letter-spacing: 0;
}
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.
OonealbsFeb 17, 2020
Thank you!
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard