Edit/customize menu breakpoint; desktop -> mobile menu

EIF

Within the template setting I can select 3 different kind of break points. Small, Medium and Large screen. But I need to change the exact pixels. The setting SM, MD and LG aren't sufficient. I need a custom pixel breakpoint, because it depends on the size (width) of my menu.

How can I customize the pixel breakpoint of the menu, going from desktop menu to mobile menu?

saguaros

Hi EIF

You can override the variable of breakpoint menu to achieve that.

Backup your site first
Go to Admin panel > Extensions > Templates > JA Resort > Tools > Edit custom SCSS

A popup will appear to edit SCSS and add this code:

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 1500px
);

you can edit 1500px to the screensize as you wish, then hit the button Save&Compile: https://prnt.sc/rp60rg

EIF

Ah, thank you, I will try that