https://www.ellafitzgerald.com/wp-content/plugins/umg-grand-royal-…/js/modules/mobile-classes.js?ver=6.9.7

1layout = {
2    "GrandRoyalLayoutClassics": 900,
3    "GrandRoyalLayoutMultipage": 800,
4    "GrandRoyalLayoutMultipageSideNav": 800,
5    "GrandRoyalLayoutSingle": 800,
6    "GrandRoyalLayoutSingleSimple": 800,
7    "GrandRoyalLayoutSingleSwish": 776,
8    "GrandRoyalLayoutTiles": 700,
9}
10if(layout[UMGGR_Mobile_classes[0]] != undefined){
11    breakpoint = layout[UMGGR_Mobile_classes[0]];
12}else {
13    //default breakpoint if a new layout is used
14    breakpoint = 800;
15}
16
17class MobileClasses {
18
19    constructor(breakpoint) {
20        this.breakpoint = breakpoint;
21        this.updateBodyClass();
22        window.addEventListener('resize', () => this.updateBodyClass());
23    }
24
25    updateBodyClass() {
26        const width = window.innerWidth;
27
28        if (width > this.breakpoint) {
29            document.body.classList.remove('umggr-mobile-view');
30            document.body.classList.add('umggr-desktop-view');
31        } else {
32            document.body.classList.remove('umggr-desktop-view');
33            document.body.classList.add('umggr-mobile-view');
34        }
35    }
36}
37
38new MobileClasses(breakpoint);