Hide mobile "Quick Action Bar" on specific page

Hi everyone,

I can’t find a way to collapse the Quick Action Bar on specific pages when it is activated on mobile.

I have one specific dynamic page on which I don’t want the quick action bar to be visible.

I tried collapsing it in the masterPage.js, but no luck.

$w.onReady(function () {

removeQuickActionBar()

});

function removeQuickActionBar(){

let currentPage = wixLocation.path[1]

if (wixWindow.formFactor === "mobile" && currentPage === "ardoise") {
            $w("#quickActionBar1").hide()
            $w("#quickActionBar1").collapse()
        }
console.log("QAB removed")
console.log(currentPage)
}

When I test it, both logs appears in the console, and currentPage is “ardoise” in my URL.

The thing is that in the editor, while coding this in desktop view, the editor won’t find $w(“#quickActionBar1”) as it is only on mobile page.
While editing the mobile version, the code is fine :

Is this a bug, or a feature ?

Thanks a lot :slight_smile:

edit : I have read elsewhere on the forum that collapsing was working, as it isn’t I ask again today. In my code, there are both “hide” and “collapse”, I just tried without hiding it first, and no luck.

2 Likes

Same issue. What’s the solution to hide the action bar from a specific section or specific page in mobile?

The solution is adding to the respective page the following code:

$w.onReady(function () {

$w(‘#quickActionBar1’).hide()

});