Page 1 of 1
expandable panel menu
Posted: Sat Mar 05, 2022 9:33 am
by davehappen
Hi, I have a site with an expandable menu which on clicking the hamburger comes in from the left, all good, but when the site opens up half the menu can be seen on the right just for a split second which doesn't look professional. The menu is on the masterpage. It works as I want it to but for the split second on opening, it's a large site 33 pages for a big company and this is the only bug bear i have with the site.
Any help to resolve this would be great as i don't want to change the menu!!
Please see the vid of what is happening
https://1drv.ms/v/s!Ar_qzWsihagxkJNZmOO ... w?e=L4SbKn
Regards
Dave
Re: expandable panel menu
Posted: Sat Mar 05, 2022 10:12 am
by BaconFries
Just showing a video doesn't help in anyway! If you require help it is always best to either provide a url to the page site in question or provide a working copy if your project. Please read the following before sharing.
https://www.wysiwygwebbuilder.com/forum ... hp?t=82134
Re: expandable panel menu
Posted: Sat Mar 05, 2022 11:03 am
by Pablo
To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.
I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.
Note that I cannot see what you have done based on the published page (HTML), because the software has thousands of options and millions of possible combinations.
So, there is no way to know which options you have used by looking at the HTML only.
For further details about how to share a project file, please see this FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134
Re: expandable panel menu
Posted: Sat Mar 05, 2022 11:40 am
by davehappen
Hi, here is a demo wbs files. i hope this is right
https://1drv.ms/u/s!Ar_qzWsihagxkJNrv8t ... Q?e=mqzcdC
Regards
Dave
Re: expandable panel menu
Posted: Sat Mar 05, 2022 2:24 pm
by Pablo
I do not see anything wrong in the page project you have shared.
What do I need to do to see the problem?
Re: expandable panel menu
Posted: Sat Mar 05, 2022 3:11 pm
by davehappen
When the page loads you can see the menu below the hamburger for a split second.
Re: expandable panel menu
Posted: Sat Mar 05, 2022 3:27 pm
by crispy68
@Pablo,
If you refresh your page real fast you can see where the menu flashes. This is:
ID = Extension1_markup
in the code. I'm not sure if you could add for this to initially be:
display = none (similar to the Extension1_panel code)
and then in the .js file have it add:
display = block
when the burger is clicked just like the panel code does.
Re: expandable panel menu
Posted: Sat Mar 05, 2022 3:42 pm
by Pablo
I do not see the problem on my computer. But it is probably related the order in which the browser process the code.
it is difficult for me to implement a workaround if I cannot see the problem myself, because then I do not know if it works better (or worse) when I make changes to the way it works.
Re: expandable panel menu
Posted: Sun Mar 06, 2022 4:51 am
by davehappen
Hi pablo, not sure if i entered the code in the right place but it didn't work. might have to scrap the menu but i think customer will not be happy
Re: expandable panel menu
Posted: Sun Mar 06, 2022 8:05 am
by Pablo
You can try to add this between the head tags of the page HTML:
Code: Select all
<style>
#Extension1_markup
{
display: none;
}
</style>
<script>
$(document).ready(function()
{
$('#Extension1_markup').css('display', 'block');
});
</script>
Re: expandable panel menu
Posted: Sun Mar 06, 2022 9:53 am
by davehappen
Many thanks Pablo, thats done the trick. All's good in my world.
Regards
Dave