Okay
  Public Ticket #2945247
Customize Classic Menu Breakpoints
Closed

Comments

  • Marcel Ferreira started the conversation

    I want to get rid of the tablet breakpoint - I just want to have mobile and non-mobile breakpoints. If someone is using a tablet I want to display the regular site. How do I customize that?

  •  1,101
    Max replied

    Hi, 

    I dont think it's possible to remove default tablet breakpoint with Elementor.

    See this article for more info 

    Thanks,


    Max from the Sonaar.io Crew

  • Marcel Ferreira replied

    I think you're right - there's no way to do it using Elementor. So, I did some digging around and found where the code is that sets the minimum width for the responsive menu.  It's hardcoded in the following two files (one is the minified version of the other):

    /wp-content/themes/sonaar/classic-menu/js/classic.js
    /wp-content/themes/sonaar/classic-menu/js/classic.min.js

    Using WP File Manager I edited the classic.js by commenting out line 40 and added a new line with my breakpoint value of 1000 px:

    //  if ($(window).width() < 1144) {
    if ($(window).width() < 1000) {

    Once I finished editing classic.js I simply copied the contents of that file into classic.min.js since it won't really affect the load performance for such a small file (plus I was too lazy to minify it).

    I assume I need to keep track of this change because any updates to the theme will probably wipe out my modifications.


  •  1,101
    Max replied

    Great Marcel!


    Thanks,


    Max from the Sonaar.io Crew