Hide Box Containers in Editor

Ask the community
,
1

Hi,

I have made a mega menu on wix so that if someone hovers over a text box in my page header as a way of a page navigation bar, it shows a box container.

i.e. from image below, if you hover over text box menu link 1, it displays container box menu 1. If you hover over text box menu link 2, it displays container box menu 2.

The website/code works fine in preview/live, however, as the box container is at the top of my page and is used as menu, it overlaps all my other content in the editor mode (in preview mode, the container box is hidden).

This is annoying when editing my website. Is there anyway to hide elements on the actual editor? or alternatively can I make a box container that appears on all pages, but can be edited on just one page and link it by code?

Also if I have two box containers located in the same position as per below, you cant work with them.

1202×605 28.6 KB

2

This question is not code related for which this Wix Corvid Forum is to be used for. You are much better suited going through Wix Support themselves either by support ticket or telephone call.
https://support.wix.com/en/article/contacting-wix-support

As for the issue itself, use the Layers option or simply just move elements forwards and backwards when needed in the Wix Editor.
https://support.wix.com/en/article/using-the-layers-panel
https://support.wix.com/en/article/moving-elements-forward-and-backward
https://support.wix.com/en/article/viewing-and-selecting-overlapping-elements

3

This concept of overlap the elements is terrible in wix

4

Hi,

I have resorted to using a light box and linking that lightbox to hover in mouse event.

I want the code to:

  1. Open Lightbox “menu1” when mousein event over menulink textbox element
  2. Close Lightbox “menu1” when mouseout event over the lightbox element
  3. Click the textbox element “menulink”, and this will close the lightbox
  4. Click the textbox “menulink” element, and open another page

Items 1 and 2 work fine but 3 and 4.

I cant get the textbox element that I use to link to another page. Is this because once the lightbox is loaded, effectively this element falls outside the lightbox and therefore cant be clicked? I have set the element properties so that it loads the functions.

Site Code:
import wixLocation from “wix-location”;
import window from ‘wix-window’;
export function menulink_mouseIn(event) {window.openLightbox(‘Menu1’);}
export function menulink_click(event) {wixLocation.to(“/anotherpage”)}

lightbox page code:
import wixWindow from ‘wix-window’;
import wixLocation from ‘wix-location’;
export function lightboxmenu1_mouseOut(event) {wixWindow.lightbox.close();}
export function menulink_click(event){wixWindow.lightbox.close();wixLocation.to(“/anotherpage”);
}

Any ideas? Thank you!