Different mobile menu for different pages

Hello,

I have defined the menu for the categories tab, then it was renamed to “Menu” – https://prnt.sc/ZurPLGKeFEmS
, defined the mobile menu – https://prnt.sc/DIcGcjELfD-9

Then you need to define the code below in Theme Settings -> Custom CSS:

.mobile-nav .mobile-pages-title {
    display: none;
}

.mobile-nav .wd-nav-mob-tab>li {
    flex: 1 0 100%;
    max-width: 100%;
}

As a result, you will have something like this – https://prnt.sc/h06CqwIwR9VH

2. You can create a Footer via HTML BLock, and by using presets define different footer for different pages – https://xtemos.com/docs-topic/theme-settings-presets/

Kind Regards

• This reply was modified 6 months, 4 weeks ago by Luke Nielsen.

Hello,

1. Update access to the admin panel – https://prnt.sc/IaYgJV66ae-R

2. Create a preset with the condition that is related to the specific page – https://prnt.sc/cxmDkM6fdk74 or https://prnt.sc/6-J0E156owur

Then edit its settings https://prnt.sc/OIQmSVZ9SMWo and change the footer – https://prnt.sc/QcNsyJ2YZRNF

Kind Regards

Hello,

1. It looks like you have removed this https://prnt.sc/rp-xpg_CpA7j panel – https://prnt.sc/tXbA3P0bQh2g

Let me know if I missed something.

Kind Regards

Hello,

Use the code below for help:

.mobile-nav .wd-heading,
.mobile-nav .wd-nav-mob-tab {
    display: none;
}

Clear the cache and recheck the issue.

Kind Regards