Hello,
On my 10" iPad Pro (1st gen) in landscape, my menu is too long and is being pushed down into the hero image instead of becoming the burger off canvas menu as works in portrait mode.
What's the proper method of correcting this?
Also, in lanscape tablet mode, I don't want any content layout changes. It should look like the desktop version. Is this possible?
Hi Brad,
There are many CSS tricks that you can do to solve it, for example:
All those tips you can find in Helix Ultimate documenation > Customization Tips
https://www.joomshaper.com/documentation/helix-framework/customization-tips
iPad Pro has quite big screen, and resolution. So I think (1) is the most recommended.
Paul,
As always you end up delivering the answer I can never seem to find.
Thank you very much!
However, I had to modify and deal with the Sign In link, which you might want to update in that documentation.
@media screen and (max-width: 1113px) {
#sp-header #offcanvas-toggler.offcanvas, #sp-header #offcanvas-toggler.mega
{display: block !important;}
.sp-megamenu-parent.d-none.d-lg-block
{ display: none !important; }
.sp-sign-in { display: none !important; }
#offcanvas-toggler {
display: inline-flex;
align-items: center;
height: 3rem;
line-height: 8rem;
font-size: 20px;
}
}Yes, but some users may say, why my login button gone... and cry, hahha
Oh, I put the login and registration button into the off canvas menu. Then maybe a foot note. ;)
Also, in lanscape tablet mode, I don't want any content layout changes. It should look like the desktop version. Is this possible?
Hi Brad. This is possible but only with significant CSS coding.
