Menu keeps disappearing

pdixon · Post by **pdixon** » Sat Jun 06, 2020 7:39 pm

I have a webiste with 2 breakpoints at 1024 and 640 pixels.
All pages share a common header, which has its own page which is then embedded in each page of the website.

The common header page only has 3 items. 1 small text block, one horizontal menu for the default and 1024 breakpoints and one vertical menu for the 640 breakpoint. The menus are set to be visible in the appropriate breakpoints.

Everything appears in the Web Builder editor on screen as I'd expect (see attached picture) but, when I publish the website, the 640 breakpoint menu keeps vanishing on some pages.
I can delete it on the embedded page and re-create it and it will work, but after a while, doing other edits, it vanishes again.

This page shows the correct menu in the top right: http://kenmaynardglass.co.uk/test/contact.html
This page uses the exact same embedded page but the menu is missing: http://kenmaynardglass.co.uk/test/index.html
Change the browser width to under 640 pixels to show the vertical menu.

Does anyone have any idea what's wrong?

Thanks.

Post by **Pablo** » Sat Jun 06, 2020 8:22 pm

I cannot see what you have done based on the published page.
To be able to help you, I need a demo project.

Related FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

pdixon · Post by **pdixon** » Sat Jun 06, 2020 8:37 pm

Is this what you need?
www.kenmaynardglass.co.uk/test/kenmaynardglass-test.wbs

Thanks.

crispy68 · Post by **crispy68** » Sat Jun 06, 2020 10:01 pm

One thing I noticed is you have a breakpoint bigger than your default layout. Your default layout should always be the largest and then your breakpoints go down from there.

In your case, the default is set to 970 but you have a breakpoint of 1024. This is not correct. Fix this and it may fix your issue.

Also just for visual sense, set your breakpoints in order from left to right at the bottom. In the 'manage breakpoints', order them from largest to smallest. This will help in design.

FYI: I did not see your menu disappearing on page 3. Removing the 1024 bp should fix it.

pdixon · Post by **pdixon** » Sat Jun 06, 2020 10:39 pm

Thanks for the reply.

where is the size of the default layout set? I don't see 970 anywhere.

The menu only disappears on some pages.
My Page3 was only added as a test because I thought it might have been the first page in the list, which was the Index page, which caused the problem but inserting Page3 didn't help.

pdixon · Post by **pdixon** » Sat Jun 06, 2020 11:00 pm

I've tried a few things and there must be something I don't undserrstand.

I've made sure all the default page widths are bigger than the biggest breakpoint but it makes no difference.
However, if I set the breakpoint to 1023 or 1025 or anything other than 1024, it appears to work.
Why is a breakpoint of 1024 causing problems?

crispy68 · Post by **crispy68** » Sat Jun 06, 2020 11:04 pm

The default page size can be changed in the page properties.

The default size should be the largest. Every breakpoint you add after that should be smaller. I would say a typical default size to use is 1366px as most monitors are this size.

Also, you have 'Activate breakpoints when browser window is smaller than the device width" in manage breakpoints. There is a 2nd option "Activate breakpoints when browser window is larger than the device width". I would recommend choosing the 2nd option.

this may be of help:
http://www.wysiwygwebbuilder.com/rwd_basics.html
http://www.wysiwygwebbuilder.com/respon ... esign.html
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=63817

pdixon · Post by **pdixon** » Sat Jun 06, 2020 11:53 pm

It looks like it's not he number 1024 as a breakpoint that's causing the problem.
It looks like the problem occurs when the breakpoint on the embedded page is the same as the breakpoint in the page in which it is embedded.

With this .wbs file, page 1 has a breakpoint at 1023, page2 has a breakpoints of 1024 and the embedded page has a breakpoint of 1023, matching page 1.
The menu fails to appear on page1 when the window is smaller than 640 pixels but appears as expected on page2.

www.kenmaynardglass.co.uk/test/menu-breakpoint-test.wbs

Post by **Pablo** » Sun Jun 07, 2020 7:45 am

It turns out that there was an error in the generated code for the CSS menu.
This has been fixed in the latest build (6/7/2020).
https://www.wysiwygwebbuilder.com/download.html

santieb · Post by **santieb** » Sat Jul 04, 2020 1:20 pm

Hi Pablo

I struggle with the CSS Menu, it doesn't display the child pages.. so i'm trying to find tutorials on you tube to make sure i've set it up correctly. Please can you help, i'm new to web builder.
Thank you
Santie

Post by **Pablo** » Sat Jul 04, 2020 2:25 pm

If you need help then please share a demo project so I can see what you have done.

Related FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

santieb · Post by **santieb** » Sun Jul 05, 2020 11:26 am

Hi Pablo

Here is the website. I've uploaded it now and with a shock i saw that it doesn't look like anything i created.
http://www.tripack.co.za/

I don't understand, how can i send you the actual .wbs file? I can transfer it to you but i need an email address.

It is not a huge website only a few pages.

Kind Regards
Santie

Post by **Pablo** » Sun Jul 05, 2020 11:32 am

I don't understand, how can i send you the actual .wbs file?

Please see:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

Important: I do not need a complete project. I only need a small demo project which demonstrates what you are trying to do. See the FAQ.

santieb · Post by **santieb** » Sun Jul 05, 2020 11:34 am

Hi Pablo

If i go to firefox then at least you will see what the web looks like, although the child pages still doesn't display the sub menu, also if you click on the one of the sub menu tabs it can't find that page.

If i go to google chrome then the whole web is messed up... Please help..

Thanks Santie

santieb · Post by **santieb** » Sun Jul 05, 2020 11:43 am

Hi Pablo

Herewith the demo file
http://www.tripack.co.za/

Thank you
SAntoe

Post by **Pablo** » Sun Jul 05, 2020 11:54 am

Can you please describe what the exact problem is?
Where on the page do I need to look?

Also, when you share a project then please remove all non-relevant content. Then are so many objects that I have no idea where to start looking.
Please read the FAQ,.

I have found the following issues in your project (via Page -> Error Reports):
- invalid filenames. Related FAQ: https://www.wysiwygwebbuilder.com/forum ... f=10&t=131
- there are objects outside the viewport.

santieb · Post by **santieb** » Sun Jul 05, 2020 12:32 pm

Hi Pablo

Did you receive the file?
http://www.tripack.co.za/

Kind Regards
Santie

Post by **Pablo** » Sun Jul 05, 2020 12:46 pm

Yes, I do have the file, but there is too much content. I have no idea where to start looking.
Please try to be more specific.

PLEASE READ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

santieb · Post by **santieb** » Sun Jul 05, 2020 12:52 pm

Hi Pablo

Here is the demo again, i took out all unnecessary files. So i will have a look at the file names. Basically the child pages, doesn't want to display.
That is where i need help with. you will also see on the index page there is a column with products which is linked to the pages, but it doesn't display the pages which it is linked to. Hope this help, thank you for the assistance. I will have a look at the file names, what do you mean there is items outside the viewpoint?
http://www.tripack.co.za/

Thanks
Santie

Post by **Pablo** » Sun Jul 05, 2020 1:26 pm

I have downloaded the updated project.

All links seems to be working for me.
Where exactly do I need to look for the problem?

Please describe step by step which part(s) of the page is not working for you.

santieb · Post by **santieb** » Sun Jul 05, 2020 1:44 pm

What i've done is enabled 'Hide file extensions for internal links' in Tools->Options->Publish & Preview
The pages displays now in the preview, but once i've uploaded the files then it only shows the coding...
Have a look at the site now..

http://www.tripack.co.za/

Thanks
Santie

santieb · Post by **santieb** » Sun Jul 05, 2020 1:59 pm

Hi Pablo
I un-clicked the generate external JS files, now in firefox its seems to look fine everything is displaying but not in chrome? Why is it doing it?
Please have a look at the web again...
http://www.tripack.co.za/

Thanks
Santie

santieb · Post by **santieb** » Sun Jul 05, 2020 2:18 pm

Hi Pablo

I'm sorted now, thank you for the assistance, i cleaned my browser so it seems to work fine.

Kind Regards
Santie

Post by **Pablo** » Sun Jul 05, 2020 2:34 pm

What i've done is enabled 'Hide file extensions for internal links' in Tools->Options->Publish & Preview

Note that this also requires you to make changes on the server side. See the help for more details.

santieb · Post by **santieb** » Sun Jul 05, 2020 5:19 pm

Thank you Pablo, ill have a look.

There are just another 2 issues i cant resolve. I've uploaded the demo again
http://www.tripack.co.za/

You will see on the index page, in the card holder i want to link the email address to the actual email, i don't see any option there.

Then the bookmarks:
On the trigger sprayers page, you click view, when you roll-over the image, then it is suppose to take me to that specific bookmark on the ts-portfolio page, but somehow it doesn't line up with the bookmark

Any advise here please...
Thanks
Santie

Post by **Pablo** » Sun Jul 05, 2020 5:39 pm

1. Change the 'Text' item to a 'Button' item then you can link it.

2. You did not include images, so I cannot see what the page look like.
Also, please try to include the name/ID of the object you want help for, because there are so many item in your project that I have no idea what to do if you ware not more specific.

santieb · Post by **santieb** » Sun Jul 05, 2020 6:05 pm

okay, i've uploaded it again.

The following bookmark links:
afa-bookmark
ts-range-Bookmark
dp-range-Bookmark
sps-sc-Bookmark
sps-range
pw-range-Bookmark

So the images on the trigger sprayer page must be linked to each of these bookmarks on the ts-portfolio page. So its is linked but it doesn't display or line up with the actual bookmark. I want the text to be revealed once it jumps to that specific bookmark.

Thanks
Santie

Post by **Pablo** » Sun Jul 05, 2020 8:29 pm

I'm very sorry, but I am still confused.

This is the page, right?
http://www.tripack.co.za/ts-portfolio.html

I do not see anything on the page that links to 'afa-bookmark' or any of the other bookmarks.
How did you link to the bookmarks?

Please understand that it's very important to simplify your project as much as possible, there are still dozens of objects.
I would take a lot of time to go through the properties of all these objects to figure out what you have done. I did try for a 10 minutes but I could not find the links.
Can you please be more specific?

santieb · Post by **santieb** » Sun Jul 05, 2020 8:37 pm

Hi Pablo

I don't know how you want me to simplify it even more. Yes that is the page with the bookmarks. i'll send the demo again... I'm sending you 3 pics with the link to their bookmarks, the actual picture when you double click on the pic it takes you to the link option (this is on the trigger-sprayers page)
That link of the picture is linked to the specific bookmark under that category of that specific range onto the (ts-portfolio page)

Let me upload it so its even more simplified, without so many pics
Thks
Santie

Post by **Pablo** » Sun Jul 05, 2020 8:42 pm

On this page:
http://www.tripack.co.za/ts-portfolio.html
which object/image did you link to a bookmark?

Where do I click?

And what did you expect to happen?

santieb · Post by **santieb** » Sun Jul 05, 2020 8:52 pm

on this page
http://www.tripack.co.za/trigger-sprayers.html

the image if you scroll over there is a "view more" link that is linked to the bookmark of that specific category on this page
http://www.tripack.co.za/ts-portfolio.h ... e-Bookmark

So its linked to the bookmark of that specif range on that page ts-portfolio.

What must happen is.. when you click on "view more" on this page it must direct me to the specific bookmark of that range
http://www.tripack.co.za/trigger-sprayers.html

which will be on this page here
http://www.tripack.co.za/ts-portfolio.html

so at this stage it doesn't align with the bookmark, it doesn't jump to the bookmark where the text must be revealed...it jumps to the images

hope it makes sense

santieb · Post by **santieb** » Sun Jul 05, 2020 9:09 pm

I also dont want this page to show in the navigation
http://www.tripack.co.za/ts-portfolio.html

It shows on the mobile, what must i do so that it wont show in the navigation?

Sorry Pablo, i'm new to web builder, this is my first website with web builder, and yes i don't mind learning, and sorry for the inconvenience. If you have any tutorials on the bookmarks etc. you can please send it, there is not much info on the bookmarks..

Thanks
Santie

Post by **Pablo** » Mon Jul 06, 2020 6:23 am

Did you remove the pages? Because I can no longer access the page.

In the project you have shared "Tripack Website2_demo.wbs", the links in the Rollover images are set to open an image in a lightbox, so they not linked not the bookmarks.
Did you share the correct file?

Also, note that if you want to scroll to the top of the section, then you can also bookmark directly to the layout grid. There is no need to insert a separate bookmark object.
In that case, it may be useful to use more meaningful names for the grids.

santieb · Post by **santieb** » Mon Jul 06, 2020 7:03 am

Hi Pablo

I uploaded a much simplified demo with a PDF file to explain. It's a zipped file.
http://www.tripack.co.za/

Santie

santieb · Post by **santieb** » Mon Jul 06, 2020 7:05 am

Hi Pablo

Thank you, let me try this.. i didn't know.

"Also, note that if you want to scroll to the top of the section, then you can also bookmark directly to the layout grid. There is no need to insert a separate bookmark object.
In that case, it may be useful to use more meaningful names for the grids."

Santie

santieb · Post by **santieb** » Mon Jul 06, 2020 7:13 am

let me upload the demo again, i see it doesn't display the image..

Also if i link it to the grid, it still does the same thing, not opening where it is suppose to where it's linked to

Santie

Post by **Pablo** » Mon Jul 06, 2020 7:30 am

The links in the rollover image are still set to 'open in a lightbox'

santieb · Post by **santieb** » Mon Jul 06, 2020 7:32 am

Hi Pablo

I've uploaded the demo where the images is linked to the grid. This is the correct file.
Trigger Sprayers page pictures is not linked to a lightbox but to the grid in this demo.
http://www.tripack.co.za/

On the TS-Portfolio page the images open in a lightbox.

So the problem is still the same it does not display where it is linked to.

Layout Grids:
LayoutGrid-sps-sc-range
LayoutGrid-sps-range
LayoutGrid-pw-range

Second question is, i need to know how to exclude a page in the navigation, although it must still be part of the project and published, i just dont want it to show in the sub-menus?

Santie

santieb · Post by **santieb** » Mon Jul 06, 2020 7:48 am

I've also uploaded a PDF file where i explain it with screenshots
http://www.tripack.co.za/

Hope this solves the problem

Santie

santieb · Post by **santieb** » Mon Jul 06, 2020 8:04 am

The main thing Pablo is that what i want to achieve is that the picture must be linked to a specific category of pictures on the ts portfolio page. So if there is another way to do this except for bookmark, that will be of great help.

I really need to get this sorted, i have to upload for the client to view.

Also how do i exclude the ts-portfolio page in the navigation?

Thks
Santie

Post by **Pablo** » Mon Jul 06, 2020 8:06 am

Please also include the images, otherwise I cannot test it

santieb · Post by **santieb** » Mon Jul 06, 2020 10:59 am

I've uploaded it again..
http://www.tripack.co.za/

santieb · Post by **santieb** » Mon Jul 06, 2020 11:16 am

Please can you tell me how to exclude a page in navigation? The TS-portfolio page, i dont want it to show in the sub menus, i want to test the mobile web

Santie

Post by **Pablo** » Mon Jul 06, 2020 12:23 pm

It looks like you have changed everything again.
The PDf with instructions is gone...

What do I need to do to see the problem in the published website?

You In the page properties you can exclude the page from the navigation.

santieb · Post by **santieb** » Mon Jul 06, 2020 12:34 pm

I'm busy working on the web, so obviously i cant leave the files on the server the whole time, i'm testing the web aswel. I'll upload the demo and PDF again.

santieb · Post by **santieb** » Mon Jul 06, 2020 12:37 pm

I've uploaded it again..
http://www.tripack.co.za/

santieb · Post by **santieb** » Mon Jul 06, 2020 12:39 pm

"You In the page properties you can exclude the page from the navigation."

Is it where it says..."don't synchronise page with navigation"?

santieb · Post by **santieb** » Mon Jul 06, 2020 12:51 pm

I'll upload the file now...see it gives an error

santieb · Post by **santieb** » Mon Jul 06, 2020 12:54 pm

All is uploaded again

Post by **Pablo** » Mon Jul 06, 2020 1:11 pm

Please upload the images used by the project.
Without images, previewing the page will ust dispjay an empty page and therefor I cannot test your bookmarks that way.

How to share a project?
- remove all non-relevant content from the project. This means all pages and elements that are not relevant to your question should be removed.
- put the project file (wbs) and the images in zip file.
- upload the project to your website or another public server.
- include the link to the zip file in your forum post
- include a description of the exact steps how to reproduce the problem