What is The Proper Way To Adjust The Media Break Points For The Menu?
Brad Thompson
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?
Paul Frankowski
Accepted AnswerHi Brad,
There are many CSS tricks that you can do to solve it, for example:
- Reduce space between menu items on specific resolution or/and font-size. As you know even -1px for each item can make a big difference in total.
- Or turn on [=] offcanvas menu faster.
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.
Brad Thompson
Accepted AnswerPaul,
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;
}
}Paul Frankowski
Accepted AnswerYes, but some users may say, why my login button gone... and cry, hahha
