Header not Shrinking in WIX Stores

Ask the community
, ,
1

I have a website with a perfectly well, coded, shrinking header, but in all WIX Stores’ pages it doesn’t work. The main strip doesn’t collapse and the small one doesn’t expand.
The code is written in the Site tab.
Thoughts?

2

Hi,
Can you please send us the site URL so that we can have a look?
Moreover, please clarify to which pages you were referring.

Thanks,
Tal.

3

*correction
Hi Tal, thanks for reaching out. This is the direct link to the store’s main page - where the header “misbehaves”, if you choose any of the items actually the header behaves like it should within any page of the store - https://tavas-online.wixsite.com/konalicious/aqcuire.

4

Hi @naama-t-l ,
I was able to recreate this on my end. It seems like a bug. I’ve forwarded this to the relevant department. I’ll get back as soon as I have more information about it.

Tal.

5

@_tal Great. Thank you :slight_smile: looking forward to hear back from you.

6

@_tal Hey, is there any development on this issue? I hope to launch this week and the main WIX Stores page (Acquire) still doesn’t allow the header to shrink as it does on any other page on this website…Should I open a support ticket? Thanks.

7

Hi Naama,
I recommend creating a dynamic event instead of a static one. In order to do so, please follow the instructions below:

  1. Remove the events from the properties panel:


I saw that you’ve added for each page a different anchor with the same id. Make sure that you remove the events from all anchors with the same id. Moreover, make sure that the anchor has the same id on all pages.

  1. Add event listener dynamically:
$w('#anchorheader').onViewportEnter(()=>{
    $w("#logosmall").hide();
    $w("#stripsmall").hide();
    $w("#biglogo").show();
    $w("#bigstrip").show();
})

$w('#anchorheader').onViewportLeave(()=>{
    $w("#logosmall").show();
    $w("#stripsmall").show();
    $w("#biglogo").hide();
    $w("#bigstrip").hide();
})

I hope it’s clear.

Best,
Tal.