horizontal submenu going back in some pages

Web IT Solutions LLP
372 Posts
Web IT Solutions LLP posted this 07 March 2017

Dear Sir,

Please try to access the below URL

http://demo.sproutsmontessori.co.in/contacts.html

Sub menu is hiding behind some images or some time back to the page. We reset the z-index value but still we are not sure how to make it work. And Position as "Relative". But no luck.

We tried many times by setting z-index for sub menu as 1001 or more than 1 by setting z-index =1 to main menu but failed to do so.

Requesting you to provide the script or step in order to make it work. We need some permanent fixes for this kind.

Attached the screen shot for your reference.

P.S : This is not the first time, in our previous projects too we faced this kind of issues. We fixed by searching some script in your forum.

Regards
Suffian Ahmed

Dear Sir, Please try to access the below URL http://demo.sproutsmontessori.co.in/contacts.html Sub menu is hiding behind some images or some time back to the page. We reset the z-index value but still we are not sure how to make it work. And Position as "Relative". But no luck. We tried many times by setting z-index for sub menu as 1001 or more than 1 by setting z-index =1 to main menu but failed to do so. Requesting you to provide the script or step in order to make it work. We need some permanent fixes for this kind. Attached the screen shot for your reference. P.S : This is not the first time, in our previous projects too we faced this kind of issues. We fixed by searching some script in your forum. Regards Suffian Ahmed
Vote to pay developers attention to this features or issue.
12 Comments
Order By: Standard | Newest
Web IT Solutions LLP
372 Posts
Web IT Solutions LLP posted this 07 March 2017

Same problem with the below page

http://demo.sproutsmontessori.co.in/facilities.html

Regards
Suffian Ahmed

Same problem with the below page http://demo.sproutsmontessori.co.in/facilities.html Regards Suffian Ahmed
Support Team posted this 07 March 2017

Hi,

You need to set the position to relative and high z-index value for the Header control.

Sincerely,
Hella

Hi, You need to set the position to relative and high z-index value for the Header control. Sincerely, Hella
Web IT Solutions LLP
372 Posts
Web IT Solutions LLP posted this 07 March 2017

Yes, issue resolved.

https://answers.themler.com/questions/112083/submenu-list-hidden-behind-content

I got it from this above link, really appreciate for your quick response. Your quick answers make us more confident in your support & Themler tool. We fell that we are there behind us if we fialed to get some implementation or missed some thing ;-)

Thank you again from my deepest heart.

And, we have couple of queries below,

1) Sub menu icons are missing even I set it. Could you share some links how to achieve it.

2) Can we integrate some third party menu css complete set in Themler. There is some option "Presets" -> Apply from Zip. What it does menas ?

3) How to make it header responsive like while scrolling down it should shrink or reduce the height with all menu, logo.

Ex - http://www.kinderpillar.com/

4) Is there any way to add video from youtube or video control (youtube link) full width and height as our slider height in slider. How ? Need step by step methods, we failed to set full width and height as our slider height & width.

5) Submenu animation - When we hover on sub menu the extensions->animation should work for sub menu. But, right now animation is animating on sub-menus items individually but not for root sub menu .

Cab we get the similar effect on submenu animation as below sample URL

http://www.kinderpillar.com/

Sorry for the list of queries, we need some clarification from your end. Please do not ignore this one at any cost ;-)

Appreciate your support. True Lover of Themler.

Regards
Suffian Ahmed

Yes, issue resolved. https://answers.themler.com/questions/112083/submenu-list-hidden-behind-content I got it from this above link, really appreciate for your quick response. Your quick answers make us more confident in your support & Themler tool. We fell that we are there behind us if we fialed to get some implementation or missed some thing ;-) Thank you again from my deepest heart. And, we have couple of queries below, 1) Sub menu icons are missing even I set it. Could you share some links how to achieve it. 2) Can we integrate some third party menu css complete set in Themler. There is some option "Presets" -> Apply from Zip. What it does menas ? 3) How to make it header responsive like while scrolling down it should shrink or reduce the height with all menu, logo. Ex - http://www.kinderpillar.com/ 4) Is there any way to add video from youtube or video control (youtube link) full width and height as our slider height in slider. How ? Need step by step methods, we failed to set full width and height as our slider height & width. 5) Submenu animation - When we hover on sub menu the extensions->animation should work for sub menu. But, right now animation is animating on sub-menus items individually but not for root sub menu . Cab we get the similar effect on submenu animation as below sample URL http://www.kinderpillar.com/ Sorry for the list of queries, we need some clarification from your end. Please do not ignore this one at any cost ;-) Appreciate your support. True Lover of Themler. Regards Suffian Ahmed
Support Team
Support Team posted this 07 March 2017

Hi,

1) Sub menu icons are missing even I set it. Could you share some links how to achieve it.

The icons can not be visible because of a number of reasons. We need to check the theme in order to provide the solution.

2) Can we integrate some third party menu css complete set in Themler. There is some option "Presets" -> Apply from Zip. What it does menas ?

For example, you created desired style of menu in Themler and you want to use this style in another Themler theme. You can export this style as preset ("Presets" -> Export as ZIP) and use it as menu preset in another theme ("Presets" -> Apply from Zip).

3) How to make it header responsive like while scrolling down it should shrink or reduce the height with all menu, logo.

Unfortunately Themler does not support exactly this feature. But we have tutorial that can help you to achieve similar effect:
http://answers.themler.com/articles/96208/change-header-height-on-scroll
It requires some css skills.

4) Is there any way to add video from youtube or video control (youtube link) full width and height as our slider height in slider. How ? Need step by step methods, we failed to set full width and height as our slider height & width.

I've attached a Section which contains Container and HTML controls. Inside HTML control I added video iframe with inline styles. In general, you just need to change video link. All controls are stretched to the 100% of viewport width and height and have Fluid Length.

5) Submenu animation - When we hover on sub menu the extensions->animation should work for sub menu. But, right now animation is animating on sub-menus items individually but not for root sub menu .

Please try the following option:

menu-transition.png

Please keep us posted about the progress.

Thank you,
Olivia

Hi, > 1) Sub menu icons are missing even I set it. Could you share some links how to achieve it. The icons can not be visible because of a number of reasons. We need to check the theme in order to provide the solution. > 2) Can we integrate some third party menu css complete set in Themler. There is some option "Presets" -> Apply from Zip. What it does menas ? For example, you created desired style of menu in Themler and you want to use this style in another Themler theme. You can export this style as preset ("Presets" -> Export as ZIP) and use it as menu preset in another theme ("Presets" -> Apply from Zip). > 3) How to make it header responsive like while scrolling down it should shrink or reduce the height with all menu, logo. Unfortunately Themler does not support exactly this feature. But we have tutorial that can help you to achieve similar effect: http://answers.themler.com/articles/96208/change-header-height-on-scroll It requires some css skills. > 4) Is there any way to add video from youtube or video control (youtube link) full width and height as our slider height in slider. How ? Need step by step methods, we failed to set full width and height as our slider height & width. I've attached a Section which contains Container and HTML controls. Inside HTML control I added video iframe with inline styles. In general, you just need to change video link. All controls are stretched to the 100% of viewport width and height and have Fluid Length. > 5) Submenu animation - When we hover on sub menu the extensions->animation should work for sub menu. But, right now animation is animating on sub-menus items individually but not for root sub menu . Please try the following option: !menu-transition.png! Please keep us posted about the progress. Thank you, Olivia
Web IT Solutions LLP
372 Posts
Web IT Solutions LLP posted this 08 March 2017

Hi Olivia,

Appreciate your suppoet & quick valuable reply.

Point 5) - I tried 5th point successfully.

Point 4) - Let me try with 4th point adding video to slider with full width & height. I will follow the steps above which you apecified.

Point 3) - This makes Themler more attractive. Hope you will impkement this as a part of Themler in coming releases. Let me try to implement the same as you said.

Small clarification, using your methid can we reduce the menu size or alignment too along with logo in header at the time of scrolling.

Point 2) - Loud & clear.

Point 1) - Let me send the themler source file so that you can cross check it why the icons in sub menu are not visible.

Will let you know if we succeded in header size changes in responsive on mouse scrolling ASAP in Ponit 4.

Hope we will get more features in coming release. Any news regarding releases major one in 2017.

Thanks in advance,

Regards
Suffian Ahmed

Hi Olivia, Appreciate your suppoet & quick valuable reply. Point 5) - I tried 5th point successfully. Point 4) - Let me try with 4th point adding video to slider with full width & height. I will follow the steps above which you apecified. Point 3) - This makes Themler more attractive. Hope you will impkement this as a part of Themler in coming releases. Let me try to implement the same as you said. Small clarification, using your methid can we reduce the menu size or alignment too along with logo in header at the time of scrolling. Point 2) - Loud & clear. Point 1) - Let me send the themler source file so that you can cross check it why the icons in sub menu are not visible. Will let you know if we succeded in header size changes in responsive on mouse scrolling ASAP in Ponit 4. Hope we will get more features in coming release. Any news regarding releases major one in 2017. Thanks in advance, Regards Suffian Ahmed
Support Team
Support Team posted this 09 March 2017

Hello,
thank you for the feedback.
You may attach the theme exported with the options 'Include Themler' here in the topic and we'll check the issue with menu. Also note that pages which demonstrate the issue.

Unfortunately I cannot say anything definite about 2017 releases now.

regards,
Aileen

Hello, thank you for the feedback. You may attach the theme exported with the options 'Include Themler' here in the topic and we'll check the issue with menu. Also note that pages which demonstrate the issue. Unfortunately I cannot say anything definite about 2017 releases now. regards, Aileen
Web IT Solutions LLP
372 Posts
Web IT Solutions LLP posted this 09 March 2017

Hi Aileen,

Please find the project file attached from share hosting server.

http://demo.webnoesys.in/SochSolar_89.zip

Need your help, sometimes my project Themler disappear with file not found error message and later with this restore message. And, the design will get vanished and it will restore last saved project data.

If we do the refresh or F5 then the UI will get restored with above message. Why ? This thing will occur many time to me by losing lots of efforts and design work.

Message attached with this ticket. Project file you need to download it from our share hosting path above.

Do you have any permanent solution for the same.

Regards
Suffian Ahmed

Hi Aileen, Please find the project file attached from share hosting server. http://demo.webnoesys.in/SochSolar_89.zip Need your help, sometimes my project Themler disappear with file not found error message and later with this restore message. And, the design will get vanished and it will restore last saved project data. If we do the refresh or F5 then the UI will get restored with above message. Why ? This thing will occur many time to me by losing lots of efforts and design work. Message attached with this ticket. Project file you need to download it from our share hosting path above. Do you have any permanent solution for the same. Regards Suffian Ahmed
Support Team
Support Team posted this 10 March 2017

Hello,
1.the menu looks pretty good in Phone mode

PhoneMode.png

If you want header to be fixed on scroll in the Phone mode too, you need to enable the Sticky extension on the Phone mode

StickyExt.png

If you want the Header to look different in Phone mode please describe it in mode details.

2.the 'Restore Project' may be caused by different reasons. I cannot say for sure which one is causing the problem in your case. Specially for such situations to auto-save was made. The project is restored from auto save and if you click Yes in this dialog the project is restored with all (or almost all) custom changes which have been made recently.

regards,
Aileen

Hello, 1.the menu looks pretty good in Phone mode !PhoneMode.png! If you want header to be fixed on scroll in the Phone mode too, you need to enable the Sticky extension on the Phone mode !StickyExt.png! If you want the Header to look different in Phone mode please describe it in mode details. 2.the 'Restore Project' may be caused by different reasons. I cannot say for sure which one is causing the problem in your case. Specially for such situations to auto-save was made. The project is restored from auto save and if you click Yes in this dialog the project is restored with all (or almost all) custom changes which have been made recently. regards, Aileen
Web IT Solutions LLP
372 Posts
Web IT Solutions LLP posted this 10 March 2017

Wow Aileen,

Thanks for your stick header details, really happy to hear that I can achieve this using Themler. All possible only with you guys & Themler tool ;-)

Without that we are just big ZEROOOOO You make us Professional Designers even though we don't know ABC's of Designing. Hope you will make Themler highly recommended in coming times. We are proud of your service & support.

Expecting New Major released in this year (Specially with HTML Support Projects too),

And, the below features as a default functionality with Themler (Just switch on/off settings in order to achieve this header height on scroll).

" Unfortunately Themler does not support exactly this feature. But we have tutorial that can help you to achieve similar effect:
http://answers.themler.com/articles/96208/change-header-height-on-scroll
It requires some css skills. "

And point 2 next time if i came up with such error I will take screen shot and forward to your internal debugging just to make sure this think can avoid in the future releases which I feel Themler more stable.

A) And, is there any way to make slider with more animation in coming version (Refer www.wowslider.com for more animations). We have just basic sliding events but we need more of it. This is just simple task to you guys, if decided you can provide hell lots of animations not only with slider but with all animation controls.

B) Same with hover box - Do you have any document for hoverbox (hover some fonts on image etc, I am facing lots of trouble doing it).

Below url is not so supportive, need more info step by step how to achieve it.

http://answers.themler.com/articles/8397/hover-box

FYI,
http://demo.sproutsmontessori.co.in/

Go to the above URL at "OUR MONTESSORI GALLERY" section in main page, we just like to add icons too with some animations text using hoverbox control but it always hide behind image control and unable to select the hover control. Its changing directions sometimes up, down etc and not always in center aligned. Is there any directions we need to set apart of "Relative".

C) Same with sub menu animations too. Right now we have up,down,right & left, scroll up etc. But, we need more animations real stuff (Transform). ?

D) Is there any way to replace default menu with third party CSS Menu (with some java script,css,html etc) in Themler. ?

Thanks for your kind support.

Regards
Suffian Ahmed

Wow Aileen, Thanks for your stick header details, really happy to hear that I can achieve this using Themler. All possible only with you guys & Themler tool ;-) Without that we are just big ZEROOOOO You make us Professional Designers even though we don't know ABC's of Designing. Hope you will make Themler highly recommended in coming times. We are proud of your service & support. Expecting New Major released in this year (Specially with HTML Support Projects too), And, the below features as a default functionality with Themler (Just switch on/off settings in order to achieve this header height on scroll). " Unfortunately Themler does not support exactly this feature. But we have tutorial that can help you to achieve similar effect: http://answers.themler.com/articles/96208/change-header-height-on-scroll It requires some css skills. " And point 2 next time if i came up with such error I will take screen shot and forward to your internal debugging just to make sure this think can avoid in the future releases which I feel Themler more stable. A) And, is there any way to make slider with more animation in coming version (Refer www.wowslider.com for more animations). We have just basic sliding events but we need more of it. This is just simple task to you guys, if decided you can provide hell lots of animations not only with slider but with all animation controls. B) Same with hover box - Do you have any document for hoverbox (hover some fonts on image etc, I am facing lots of trouble doing it). Below url is not so supportive, need more info step by step how to achieve it. http://answers.themler.com/articles/8397/hover-box FYI, http://demo.sproutsmontessori.co.in/ Go to the above URL at "OUR MONTESSORI GALLERY" section in main page, we just like to add icons too with some animations text using hoverbox control but it always hide behind image control and unable to select the hover control. Its changing directions sometimes up, down etc and not always in center aligned. Is there any directions we need to set apart of "Relative". C) Same with sub menu animations too. Right now we have up,down,right & left, scroll up etc. But, we need more animations real stuff (Transform). ? D) Is there any way to replace default menu with third party CSS Menu (with some java script,css,html etc) in Themler. ? Thanks for your kind support. Regards Suffian Ahmed
Web IT Solutions LLP
372 Posts
Web IT Solutions LLP posted this 10 March 2017

E) And one thing I forget why I am unable to add the icons to sub menu ? Please refer my previous .zip Themler source file.

Regards
Suffian Ahmed

E) And one thing I forget why I am unable to add the icons to sub menu ? Please refer my previous .zip Themler source file. Regards Suffian Ahmed
Web IT Solutions LLP
372 Posts
Web IT Solutions LLP posted this 11 March 2017

Hi Aileen,

Please find the project file attached from share hosting server.

http://demo.webnoesys.in/SochSolar_89.zip

Need your help, sometimes my project Themler disappear with file not found error message and later with this restore message. And, the design will get vanished and it will restore last saved project data.

If we do the refresh or F5 then the UI will get restored with above message. Why ? This thing will occur many time to me by losing lots of efforts and design work.

Message attached with this ticket. Project file you need to download it from our share hosting path above.

Do you have any permanent solution for the same.

Regards
Suffian Ahmed

Dear Sir,

As I told you I usually get the error when we open the HTML Themler Saved project, please find the error message screen shots.

Page not found error message - The requested URL was not found in the server something like that.. Need fixes for the same ASAP. If we click on refresh button then the UI will appear back, why ?

Detailed explanation is given in the screenshot itself, please check it.

Regards
Suffian Ahmed

> Hi Aileen, > > Please find the project file attached from share hosting server. > > http://demo.webnoesys.in/SochSolar_89.zip > > Need your help, sometimes my project Themler disappear with file not found error message and later with this restore message. And, the design will get vanished and it will restore last saved project data. > > If we do the refresh or F5 then the UI will get restored with above message. Why ? This thing will occur many time to me by losing lots of efforts and design work. > > Message attached with this ticket. Project file you need to download it from our share hosting path above. > > Do you have any permanent solution for the same. > > Regards > Suffian Ahmed > Dear Sir, As I told you I usually get the error when we open the HTML Themler Saved project, please find the error message screen shots. Page not found error message - The requested URL was not found in the server something like that.. Need fixes for the same ASAP. If we click on refresh button then the UI will appear back, why ? Detailed explanation is given in the screenshot itself, please check it. Regards Suffian Ahmed

Last edited 11 March 2017 by Web IT Solutions LLP

Support Team
Support Team posted this 13 March 2017

Hello,

A) And, is there any way to make slider with more animation in coming
version...

C) Same with sub menu animations too. Right now we have up,down,right
& left, scroll up etc. But, we need more animations real stuff
(Transform). ?

there's similar suggestion in our wish list. However right now there's no plans to add more animations in the near future. But we remember about it.

B) Same with hover box - Do you have any document for hoverbox (hover
some fonts on image etc, I am facing lots of trouble doing it).

The article explains the main aspects of Hover Box. No additional articles are available. Please let us know what exactly is not clear for you or what you'd like to implement and we'll help you.

"OUR MONTESSORI GALLERY"
The Image is located on the Back Slide. And you'd like to locate link at Over Slide, right? In this case follow the steps:
1).select the Over Slide:

S1.png

2).select control from Insert tab and drag into into Hover Box area

S2.png

3).configure the control settings

D) Is there any way to replace default menu with third party CSS Menu
(with some java script,css,html etc) in Themler. ?

Yes, you may use third part menu in Themler theme. In this case do not add Horizontal Menu control and follow the instructions of menu you'd like to use

E) And one thing I forget why I am unable to add the icons to sub menu
?

I checked the theme but I failed to find out why the adding Icon for submenu item fails. So please try the following workaround which is working for me:
1).use right click menu to copy Horizontal Menu style:

CopyStyle.png

2).delete the Horizontal Menu;
3).add Horizontal Menu
4).add Icon for the Subitem:

AddIcon.png

5).after that apply the previous style for the menu

PasteStyle.png

6).adapt the menu position

error when we open the HTML Themler Saved project

Please try these steps:
1. Temporary disable all third-party CMS plugins.
2. Clear cache:
http://answers.themler.com/articles/8713/error-sorry-an-error-has-occurred-please-clear-your-browser-cache
3. Clear AppCache. Use Chrome browser for this:
http://answers.themler.com/articles/14063/how-to-clear-appcache
4. Clear CMS cache.
Let us know if the issue is still present.

Blank Screen on page refresh

This issue happens because the page take much time to be loaded. The speed is low because of custom JS code added under Home >> Settings >> Additional HEAD HTML. It should load external file(s) which requires relatively much time. We cannot do anything about it.

regards,
Aileen

Hello, > A) And, is there any way to make slider with more animation in coming > version... > > C) Same with sub menu animations too. Right now we have up,down,right > & left, scroll up etc. But, we need more animations real stuff > (Transform). ? there's similar suggestion in our wish list. However right now there's no plans to add more animations in the near future. But we remember about it. > B) Same with hover box - Do you have any document for hoverbox (hover > some fonts on image etc, I am facing lots of trouble doing it). The article explains the main aspects of Hover Box. No additional articles are available. Please let us know what exactly is not clear for you or what you'd like to implement and we'll help you. "OUR MONTESSORI GALLERY" The Image is located on the Back Slide. And you'd like to locate link at Over Slide, right? In this case follow the steps: 1).select the Over Slide: !S1.png! 2).select control from Insert tab and drag into into Hover Box area !S2.png! 3).configure the control settings > D) Is there any way to replace default menu with third party CSS Menu > (with some java script,css,html etc) in Themler. ? Yes, you may use third part menu in Themler theme. In this case do not add Horizontal Menu control and follow the instructions of menu you'd like to use > E) And one thing I forget why I am unable to add the icons to sub menu > ? I checked the theme but I failed to find out why the adding Icon for submenu item fails. So please try the following workaround which is working for me: 1).use right click menu to copy Horizontal Menu style: !CopyStyle.png! 2).delete the Horizontal Menu; 3).add Horizontal Menu 4).add Icon for the Subitem: !AddIcon.png! 5).after that apply the previous style for the menu !PasteStyle.png! 6).adapt the menu position > error when we open the HTML Themler Saved project Please try these steps: 1. Temporary disable all third-party CMS plugins. 2. Clear cache: http://answers.themler.com/articles/8713/error-sorry-an-error-has-occurred-please-clear-your-browser-cache 3. Clear AppCache. Use Chrome browser for this: http://answers.themler.com/articles/14063/how-to-clear-appcache 4. Clear CMS cache. Let us know if the issue is still present. > Blank Screen on page refresh This issue happens because the page take much time to be loaded. The speed is low because of custom JS code added under Home >> Settings >> Additional HEAD HTML. It should load external file(s) which requires relatively much time. We cannot do anything about it. regards, Aileen
You must log in or register to leave comments