Strings Menu on Tablet - Forum | JoomShaper
Solved Templates

Strings Menu on Tablet

Asked by Rinaldo 5 years ago Last activity 5 years ago

www.muziekgroepsabroso.nl

Hi,

When visiting website on tablet the menu is not on one row.

How can i fixed that.

Thanks.

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
5 years ago

Hoi,
yes, all can be fixed somehow, like in real life.

  1. What screen resolution has your tablet?
  2. If around 1024px - please use this custom CSS inside: Template Options - custom code - "Custom css" field:
@media (min-width: 768px) and (max-width: 1240px) { 
#sp-menu {width: 99%;}
}

2 more replies

Oldest first Newest first Most helpful
Rinaldo Asked this
5 years ago

Thanks, is it also possible not to show the menu on the tablet but the menu shown as on a smartphone.

Paul Frankowski Senior Staff
5 years ago

Yes. But it request extra custom CSS.

@media (min-width: 768px) and (max-width: 1240px) { 
#sp-menu  .sp-megamenu-wrapper  a#offcanvas-toggler 
{ display: block !important;}
#sp-menu ul.sp-megamenu-parent 
{ visibility: hidden; display: none;}
}

But you have to decide about max screen I used 1240px - but you can change that to different value.

Log in to reply.