Dear partners
I was trying to change the colours of businessone template by putting this to the custom code folder
/* main navigation */
nav.mainNavigation { display:block; border-top:2px solid #746759; border-bottom:10px solid #746759; min-height:70px; background-color: #746759;
box-shadow:0 5px 5px 0 rgba(0,0,0,0.08);
background-image: -moz-radial-gradient(50% -100%, circle farthest-corner, #eef0e6, #164450 60%);
background-image: -webkit-radial-gradient(50% -100%, circle farthest-corner, #eef0e6, #164450 60%);
background-image: -o-radial-gradient(50% -100%, circle farthest-corner, #eef0e6, #164450 60%);
background-image: -ms-radial-gradient(50% -100%, circle farthest-corner, #eef0e6, #164450 60%);
background-image: radial-gradient(50% -100%, circle farthest-corner, #eef0e6, #164450 60%); }
As you could see I just changed the colours. Unfortunately it is working for pcs and tablets but for mobiles there is a problem with thw menu. When you load the page the menu is open and the slideshow is behind it. You have to close the menu from the menu icon on the right top corner in order to see the slideshow.
Could you please provide me some advises in order to restore it.
Thank you in advance for your help
Regards

Hello Nektarios,
I will a link to troubleshoot it please :)

Hello again,

Please paste this code in your template's custom.css

Good Morning dear Krikor
I copy and paste it in the custom css folder but unfortunately it doesnt seem to work. Is there anything else that I can try? Thank you in advance.
Regards....

I found the culprit.
In your custom.css file you have used nav.mainNavigation { display: block...

This display: block is causing this issue. You can safely remove it.

Hello Krikor,

The problem is solved as you said.

Thank you very much for your help and your support!!!!

You 're welcome Nektarios :)