Off Canvas Menu Shows In Mobile, But Not In Tablet - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Off Canvas Menu Shows In Mobile, But Not In Tablet

A

Allen

Template 2 weeks ago

Hi,

I'm not sure why, but my off-canvas menu is not displaying in tablet view, event thought it displays fin in mobile. Any ideas?

https://www.certifiedinfosec.com/

0
7 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 weeks ago #205560

Hi Allen,

  1. What Tablet exacly , what screen size?
  2. What do you see there, white menu or still menu but under the header?
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 weeks ago #205561

I am guessing, but try that Custom CSS

@media screen and (max-width: 999px) {
#sp-header #offcanvas-toggler.mega {display: block !important;}
#offcanvas-toggler { margin-top: 10px;}
}
1
A
Allen
Accepted Answer
2 weeks ago #205682

This fixed one problem, while creating another. I now have the menu in responsive tablet view as I hoped, but now have 2 menus in responsive mobile view.

![https://drive.google.com/file/d/1U0ICjSve5IaV91DA6xynMoHcxdU75GKR/view?usp=sharing]

0
A
Allen
Accepted Answer
2 weeks ago #205562

It created the menu For tablet, But now I have two hamburger menus on mobile view.

-1
A
Allen
Accepted Answer
2 weeks ago #205678

Bump.

0
A
Allen
Accepted Answer
2 weeks ago #205686

I removed the custom css code since I learned that the couble menu was resilting from SPPB loading a menu along with the CSS loading a menu a second time.

Now I am back to my original problem of no menu on my responsive tablet view.

0
A
Allen
Accepted Answer
2 weeks ago #205691

I aksed a fried and he fixed it with:

@media screen and (min-width: 750px) {
  a#offcanvas-toggler { min-width: 70px; }
}

He said, "found that menu exists on tables but it's just mis-rendered due to the widths." Not sure what it means, but I'm posting for the greater good :-)

0