Hiding an element from the header of home page only

Ask the community
,
1

Hi. I wondered if anyone can help- I am trying to hide an element from the header of home page and keep for others. I followed this: Velo Tutorial: Hiding an Element on Certain Pages | Help Center | Wix.com but it hides it on all other pages. Also checked I put code on page not site. Any help please!

2

Try this:

import wixLocation from 'wix-location';

$w.onReady(function() {
    if (wixLocation === '/') {
        $w('#myElement').collapse();
    } else {$w('#myElement').expand();
} );
3

Thank you David, much appreciated. Still doesn’t work- Its says 7 has an unexpected token…

4

@eclectic_arts Could you please post a screenshot with the element, code, and error?

5

6

Sorry, forgot a bracket:
import wixLocation from ‘wix-location’;

$w.onReady( function () {
if (wixLocation === ‘/’) {
$w(‘#myElement’).collapse();
} else {$w(‘#myElement’).expand();}
} )

7

thank you. Just realised- do I need to put anything in ‘Wix location’?

8

Nope, it should work as is, but let me know if throws back more errors.

9

no more errors but Wix location is red and it doesn’t work:(

10

The element is in the header, so maybe its not possible?

11

@eclectic_arts Can you take a screenshot of the element itself?

12

943×217 18.3 KB

13

Try show instead of expand, and hide instead of collapse…then send me a link to your website if it doesn’t work…I suspect it might be an ongoing Wix issue.

14

Wait, actually hang on. This code needs to be in the site code, not page code. I just reread your first post.

15

ah sadly still not- tried all combinations. Thanks so much for trying, very kind. website is: https://cassandratomaz.wixsite.com/lucylanefox

16

try substituting “/” for “/lucylanefox”
If this works, then my suspicions are correct and this is the ongoing Wix issue.

17 
actually working solutionfor (on site tab) :
import wixLocation from 'wix-location';

$w.onReady(function () {
const location = wixLocation.path.join("/")
if (location === '') {
$w('#button4').hide();
} else if (location === "contact") {
$w('#button4').hide();
} else {
$w('#button4').show();
}
});