Background problems in menu

[laros]

Hello,

On my website, when you are using it through mobile phone, when you click menu:

1. you see the menu

and at the same time

2. you see the text that is visible when the menu is not open.

So when someone opens menu, both are mixed.

Can someone check through mobile phone by these steps:

1. enter website ***
2. click on the menu and choose first option "DOMOV"
3. now click the button of the menu again like if you would want to go to some other page on the website

At this time the problem occurs. You see the menu open and the text behind (that shouldnt been seen)

Anyone has any advice?

Thank you!

[Pablo]

This looks like a z-order problem.
- Right click the menu
- select 'move to front'

[laros]

This looks like a z-order problem.
- Right click the menu
- select 'move to front'

I did it as you said now, but it still doesnt work. Can you also check please?

[Pablo]

Did you re-publish all files?

Note that I cannot see what you have done based on HTML only.
To be able to help you I need a copy of the project file.

[laros]

Did you re-publish all files?

Note that I cannot see what you have done based on HTML only.
To be able to help you I need a copy of the project file.

No, i have just published the changed files. Should i publish again the whole website?

[Pablo]

You will need to republish the page and all files.

[laros]

You will need to republish the page and all files.

Just tried it but still doesnt work. I have sent you on email part of the project.

[Pablo]

There is a conflict somewhere in the settings because the z-order is wrong.
I need a copy of the project file to be able to help you.

[laros]

There is a conflict somewhere in the settings because the z-order is wrong.
I need a copy of the project file to be able to help you.

Sent to your mail. Thank you!

[Pablo]

Thank for sending the project.
However, the problem does not exist in the file you have sent me.
When I preview your project locally it works correct.

Are you sure you have re-published all files?
The file 'index.css' on the server seems to be the previous version (before using 'move to font').

[laros]

Thank for sending the project.
However, the problem does not exist in the file you have sent me.
When I preview your project locally it works correct.

Are you sure you have re-published all files?
The file 'index.css' on the server seems to be the previous version (before using 'move to font').

Yes i have re published all the files , and i have just done it again 1 minute ago. Can you check now?

I have also sent you a printscreen.

[Pablo]

I'm sorry, but the file is still not correct.
Maybe the file is read-only on the server so it cannot be overwritten?
You can try to remove the file manually from the server before republishing.

[laros]

I'm sorry, but the file is still not correct.
Maybe the file is read-only on the server so it cannot be overwritten?
You can try to remove the file manually from the server before republishing.

I have now manually deleted and publish it again. Now it shows me the new version. Can you also check it?

[Pablo]

No, the file is still not correct.
The file on the server is not the same as the project you have sent me.

Does the page look correct in local preview?

Alternative you can try this:
- go to Tools->Options->HTML
- uncheck 'Generate external CSS for page specific styles'
- republish the page

[laros]

No, the file is still not correct.
The file on the server is not the same as the project you have sent me.

Does the page look correct in local preview?

Alternative you can try this:
- go to Tools->Options->HTML
- uncheck 'Generate external CSS for page specific styles'
- republish the page

I cant check it local, because on desktop everything is ok, and the problem is only on mobile version.
And i cant preview local on mobile, because i am working on computer.

I did the alternative option now.

[Pablo]

You can also check it on your desktop by resizing the browser window.

The problem seems to be solved now.

[laros]

You can also check it on your desktop by resizing the browser window.

The problem seems to be solved now.

Yes, it looks better now, but that yellow rectangle and its content is still in front when you click on menu. Should i set it "Move back" ?

[Pablo]

Which 'yellow rectangle' are you referring to?
Where exactly do I need to look?
What is the ID of the object?

[laros]

Which 'yellow rectangle' are you referring to?
Where exactly do I need to look?
What is the ID of the object?

Problem is solved now. You were right, it was about a z order, so i have set menu in front and the rest at the back and now it works perfect.