Hide header and footer on a specific page

Ask the community
, ,
1

Question:
How can I hide the header/footer on a specific page?

Product:
Wix Studio

I know the solution for Wix Editor (Page, Settings, …). But how does it work with Wix Studio?

2

What is your solution for ordinary Wix-Editor?

3

Wix Editor: Hiding the header and footer

  1. Click Menus and Pages on the left side of the Editor.
  2. Click the relevant page.
  3. Click the More Actions icon .
  4. Click Settings.
  5. Click the Layouts tab.
  6. Select No Header & Footer.

But for Wix Studio? Step 6 is not existing anymore.

4

Try this one, very old but maybe still working…

CODE

$w.onReady(function () {});

 

export function button1_click(event) {hide_Header()}

function hide_Header() {$w("#header1").children.forEach((item, i) => {item.collapse();})}

 

function show_Header() {$w("#header1").children.forEach((item, i) => {item.expand();})}

export function button2_click2(event) {show_Header()}

You will find the example here…
https://russian-dima.wixsite.com/meinewebsite/header

Or the better version…

$w.onReady(()=> {
    $w('#button1').onClick(()=>{
        hide_Header();
    });

    $w('#button2').onClick(()=>{
        show_Header();
    });
});

function hide_Header() {
    $w("#header1").children.forEach((item, i) => {
        item.collapse();
    });
}

function show_Header() {
    $w("#header1").children.forEach((item, i) => {
        item.expand();
    });
}
1 Like
5

Yes, I realized that already by collapse the section on the specific site. Thanks for your support.