masterframe menu slide out behind content

ART · Post by **ART** » Sun Jan 19, 2020 9:48 pm

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?

Post by **Pablo** » Mon Jan 20, 2020 6:55 am

Did you make sure all other content has a higher z-order?

ART · Post by **ART** » Mon Jan 20, 2020 7:53 am

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.

BaconFries · Post by **BaconFries** » Mon Jan 20, 2020 8:22 am

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 · Post by **ART** » Mon Jan 20, 2020 8:31 am

@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.

BaconFries · Post by **BaconFries** » Mon Jan 20, 2020 9:01 am

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 · Post by **ART** » Mon Jan 20, 2020 12:46 pm

No change. Have done that in Masterframe and thereafter content page.

Post by **Pablo** » Mon Jan 20, 2020 12:56 pm

Without seeing what you have done, it will be difficult to help you.

ART · Post by **ART** » Mon Jan 20, 2020 1:56 pm

I have sent you an example.

Post by **Pablo** » Mon Jan 20, 2020 2:15 pm

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 · Post by **ART** » Mon Jan 20, 2020 2:38 pm

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>

BaconFries · Post by **BaconFries** » Mon Jan 20, 2020 3:01 pm

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 · Post by **ART** » Mon Jan 20, 2020 3:07 pm

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

Post by **Pablo** » Mon Jan 20, 2020 3:43 pm

Please see the difference between your code and my code.
Also, note that HTML is case sensitive.

ART · Post by **ART** » Mon Jan 20, 2020 5:02 pm

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

Post by **Pablo** » Mon Jan 20, 2020 5:55 pm

The correct code for the project you have sent me is:

<style>
#wb_Menu
{
z-index: 9999 !important;
}
</style>

ART · Post by **ART** » Mon Jan 20, 2020 10:48 pm

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?

Post by **Pablo** » Tue Jan 21, 2020 7:19 am

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 · Post by **ART** » Tue Jan 21, 2020 7:56 am

OK. Pity this is not at all displayed in the object manager and the property managers.

Post by **Pablo** » Tue Jan 21, 2020 9:10 am

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 · Post by **ART** » Tue Jan 21, 2020 10:14 am

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.

www.wysiwygwebbuilder.com

masterframe menu slide out behind content

masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content

Re: masterframe menu slide out behind content