We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change breakpoint

Featured Lock Resolved Task
Hi everyone, how I can change the SP Page Builder breakpoints? I need a new value for a tablet devices.

Thanks

8 Answers

Soporte Huit

More than a month ago #Permalink
It worked! also i added this line to disappear the menu

@media (max-width: 1199px){
.sp-megamenu-parent > li > a {
display: none;
}
}


Thank you very much!

Shibbir

More than a month ago #Permalink
Hi there,

Which new value do you want for the tablet device? Can you send me a screenshot?

Thanks.

Soporte Huit

More than a month ago #Permalink
Me too i wanna do that, cus my menu is big so when is less than 1200 px it mess it up so i need to solve this in any way

Attachments (1)

  • Screen Shot 2017-12-07 at 10.15.47 AM.png
    Screen Shot 2017-12-07 at 10.15.47 AM.png 13.3 KB

Shibbir

More than a month ago #Permalink
Me too i wanna do that, cus my menu is big so when is less than 1200 px it mess it up so i need to solve this in any way



Hello there,

Check the attached image. You need to use col-md-3 and col-md-9 instead of col-md-4 and col-md-8. Change it from the Helix3 -> Layout tab.

Thanks.

Attachments (1)

  • Screenshot_4.png
    Screenshot_4.png 165.2 KB

Soporte Huit

More than a month ago #Permalink
Thank you very much! but that's not the site im working on, i send you in the image the link... i attach it again

Attachments (1)

  • Screen Shot 2017-12-07 at 10.15.47 AM.png
    Screen Shot 2017-12-07 at 10.15.47 AM.png 13.3 KB

Soporte Huit

More than a month ago #Permalink
I just need to change the menu to off canvas on 1200 px

Shibbir

More than a month ago #Permalink
Well,

Try to use this CSS code in the custom.css file in CSS directory:


@media (max-width: 1200px) {
#offcanvas-toggler {
display: block !important;
float: right !important;
line-height: 87px !important;
margin-left: 15px !important;
font-size: 20px !important;
}
}


Thanks.


There are no replies made for this post yet.
Be one of the first to reply to this post!

124

Templates

331254

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us