1 reply · opened Apr 4, 2018
Hi,
Great template! I have just finalized my website, and I noticed that on my phone the website looks great in both portrait and landscape mode (using android). However, with an iPad in landscape mode the header has some issues (but looks fine in portrait mode).
I have included a link to the website below so you can have a better idea of the problem.
http://yuenzhougroup.ucsd.edu/index.html
Is there anyway to solve this issue?
Alexi
Hello,
This issue occurs when there are more menu items than it can be accommodated in the width available. To fix this simply use the following CSS Code:
.device-lg #primary-menu ul li > a {
padding-left: 12px;
padding-right: 12px;
letter-spacing: 0px;
}This will definitely fix the issue. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
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