masterframe menu slide out behind content

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
ART
 
 
Posts: 237
Joined: Fri Sep 28, 2012 3:25 pm

masterframe menu slide out behind content

Post by ART »

I am having a masterframe with a menu. The menu of the masterframe slides out behind the contentplace holder instead of being above it. How can i fix that?
Last edited by ART on Mon Jan 20, 2020 8:41 am, edited 1 time in total.
User avatar
Pablo
 
Posts: 21580
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: masterframe menu slide out behind content

Post by Pablo »

Did you make sure all other content has a higher z-order?
ART
 
 
Posts: 237
Joined: Fri Sep 28, 2012 3:25 pm

Re: masterframe menu slide out behind content

Post by ART »

I normally do not work with z-orders (WYSIWYG? ). Even so I never came across this problem in the last 10 years i use your software. It will really be a lot of work to insert a z-order in all other content.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Re: masterframe menu slide out behind content

Post by BaconFries »

You don't have to worry about working with z-orders, you simply select either Move to Front/Move Forward on the object's that have to have a higher position in the page!!
ART
 
 
Posts: 237
Joined: Fri Sep 28, 2012 3:25 pm

Re: masterframe menu slide out behind content

Post by ART »

@BF I am aware of that. If I do it on the masterframe it moves the items in the masterframe.
But the menu is in the masterframe and it slides out behind the content of the "slave" page.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Re: masterframe menu slide out behind content

Post by BaconFries »

Then try the following inserting in Page HTML between <head></head> tags also change menu to the name of the menu you are using..

Code: Select all

<style>
#menu
{
   z-index: 9999 !important;
}
</style>
ART
 
 
Posts: 237
Joined: Fri Sep 28, 2012 3:25 pm

Re: masterframe menu slide out behind content

Post by ART »

No change. Have done that in Masterframe and thereafter content page.
User avatar
Pablo
 
Posts: 21580
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: masterframe menu slide out behind content

Post by Pablo »

Without seeing what you have done, it will be difficult to help you.
ART
 
 
Posts: 237
Joined: Fri Sep 28, 2012 3:25 pm

Re: masterframe menu slide out behind content

Post by ART »

I have sent you an example.
User avatar
Pablo
 
Posts: 21580
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: masterframe menu slide out behind content

Post by Pablo »

The solution provided by BaconFries was correct.
Of course, you will need to change 'menu' with the actually ID of the menu:

Code: Select all

<style>
#wb_Menu
{
   z-index: 9999 !important;
}
</style>
ART
 
 
Posts: 237
Joined: Fri Sep 28, 2012 3:25 pm

Re: masterframe menu slide out behind content

Post by ART »

Please point out what i do wrong.
In the example i sent you the menu ID is: "menu" and the html code between heads in the masterframe is as follows:

<style>
menu
{
z-index: 9999 !important;
}
</style>
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Re: masterframe menu slide out behind content

Post by BaconFries »

As I don't have access to your site or demo project I can only repeat what has been previously mentioned. Insert the code below using Page HTML between <head></head> replacing the ID to match your own.

Code: Select all

<style>
#wb_Menu <<<< rename to the ID of the menu you are using... 
{
   z-index: 9999 !important;
}
</style>
ART
 
 
Posts: 237
Joined: Fri Sep 28, 2012 3:25 pm

Re: masterframe menu slide out behind content

Post by ART »

I have sent a demo to pablo with the contents as described in my previous post and i can sent it to you as well or share through google drive
User avatar
Pablo
 
Posts: 21580
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: masterframe menu slide out behind content

Post by Pablo »

Please see the difference between your code and my code.
Also, note that HTML is case sensitive.
ART
 
 
Posts: 237
Joined: Fri Sep 28, 2012 3:25 pm

Re: masterframe menu slide out behind content

Post by ART »

Pablo

This is a bit a riddle to me.

In the html between heads i have copied and pasted the text from BF:

I have used the name Menu with and without capital letter.
I have renamed the menu to menu1.
I have put # before the menu ID in the html and tried it without.
I have refreshed the pages.
I have deleted the browser cache.

It does NOT work at all !

The problem does not exist with my other pages.
The problem does not exist when i preview the masterframe itself
User avatar
Pablo
 
Posts: 21580
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: masterframe menu slide out behind content

Post by Pablo »

The correct code for the project you have sent me is:
<style>
#wb_Menu
{
z-index: 9999 !important;
}
</style>
ART
 
 
Posts: 237
Joined: Fri Sep 28, 2012 3:25 pm

Re: masterframe menu slide out behind content

Post by ART »

Yes this works.Thanks Pablo and BF. However, strangely enough the ID in my property manager is Menu and not #wb_Menu as you will be able to see on the printscreen i will sent you. Or is this not the real ID of the menu and should i look elsewhere for the menu name?
User avatar
Pablo
 
Posts: 21580
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: masterframe menu slide out behind content

Post by Pablo »

As with most objects, the 'wb_' is added by WWB to be able to position the object on the page.
You can see this by looking at the HTML code.
ART
 
 
Posts: 237
Joined: Fri Sep 28, 2012 3:25 pm

Re: masterframe menu slide out behind content

Post by ART »

OK. Pity this is not at all displayed in the object manager and the property managers.
User avatar
Pablo
 
Posts: 21580
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: masterframe menu slide out behind content

Post by Pablo »

The reason for this is because the prefix is not added until the page is published.
Whether of not the prefix is added also depend on the context of the object. For example, whether it part of a layer, layout grid, flexible etc.
Normally you do not have to worry about this, but in this special case it does make a difference.
ART
 
 
Posts: 237
Joined: Fri Sep 28, 2012 3:25 pm

Re: masterframe menu slide out behind content

Post by ART »

OK I understand this is complicated. It must have something to with card deck. I placed other items higher on the page and then there was no problem. Anyway I was unaware of this all and i normally do not get into HTML, but rely on the id in the managers of the WYSIWYG program. Unfortunately it costed you time and me a couple of hours. But i am glad it now works.
Post Reply