www.wysiwygwebbuilder.com

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

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

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.

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

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

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

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

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

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

Hope this solves the problem

Santie

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

Please also include the images, otherwise I cannot test it

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

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

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.

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.

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

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

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

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

All is uploaded again

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

Everything is uploaded with picture and explanation ...please download it again, if it still doesn't display correctly, let me know.

Thks

herewith the link
http://www.tripack.co.za/

Sorry, but I do not see the images.
I also need those images to be able to load your project.

To get the images:
- locate the project file (wbs) on your computer
- there is a sub folder with te same name as the project, this folder contains the images.

My apologies, i'm still learning. I've uploaded it again. Please see if it's working now.
http://www.tripack.co.za/

Thks
Santie

It's a zipped file ..

Thanks, I have all the files now.

But I think it works correct.
However, you have a sticky layout grid, so this overlaps part of the content you are trying to jump to with your bookmarks.

if i click on the layout grids, it says "floating" by position...not sticky grid???

where does it state its a sticky layer? i don't see it

'LayoutGrid2' on the master page is set to 'sticky'

Thank you soooo much Pablo!! it's working!!

Santie

Hi Pablo

Just the one thing is the TS-Portfolio page still show in the navigation on the mobile phone. I did check the box....don't synchronize this page with navigation in page properties

Santie

Did you upload the updated project?
What is the ID of the menu and which menu item are you referring to?

santieb wrote: 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

On the page - right click to get to the properties of the page. It's one of the options.

Alan

Thank you

Hi Pablo/ Team

I have a few problems still with the web. I will upload a demo for you to see.

1. The overlay menu is not working on both mobile and tablet
2. The Carousel is also not properly working on mobile, there is also text that must move with the slides.
3. The top button, the arrow keeps going behind the layers, although i did bring it to the front many times, but it's still behind the layers.

Here is the published file so long, i will send the demo now
http://www.tripack.co.za/

Kind Regards
Santie

What do I need to do to see the problem?

Note that a menu item with sub menus should not have a link. Otherwise the 'expand' option will not work.

Pablo, please let me know when i can upload the demo file, i can't leave it there...

Kind Regards
Santie

" Note that a menu item with sub menus should not have a link. Otherwise the 'expand' option will not work."

Not sure what you mean by this, ill upload the demo, i've taken out as much as i can, so hopefully this will be good enough as a demo.

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

Thanks
Santie

Sorry, but there is still too much content.
Tip: if you have an problem with a menu then basically the project should only have one page with a menu.

About the menu:
The 'PRODUCT" item has sub menu, so the menu itself should not have a link.
The menu item can only do one thing. It's either a link or a drop down menu. it cannot be both at the same time.

Hi Pablo

I see what you mean with the overlay menu, so that i did fix...

I've uploaded the new demo again, the problem on the mobile page seems the same, its not linking to the contact page etc. The Text on the mobile page where the carousel is, is also not displaying correctly. The "top-button" (arrow) is behind the text, and i see the overlay menu is moving with the content, which i don't really want, if the overlay menu is suppose to do that then at least it must be above the content, now its behind the content aswell.

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

Thanks
Santie

Hi Pablo

Let me know when i can upload the demo for you please, as i'm busy testing the web on the site as well.

Kind Regards
Santie

Can you please explain where on the page I need to look for a problem?
What is the ID of the object?
And what do I need to do to see the problem?

IMPORTANT NOTE:
If you share a project, please remove all non-relevant content.
This applies to all your queries.

Related FAQ (please read)
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

Okay Pablo

Lets focus on the overlay menu first.
Masterpage > Mobile (320px breakpoint)
ID-OverlayMenu-m

This menu does not work on the mobile. The links does not work where the menu is linked to the specific name on the page
Following links:
tripack_name_m
values-m
products-m
contact-m

Ill upload the new demo now. Dont know how to simplify it even more.

Thks
Santie

Herewith the new demo

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

It's still the same project: 19MB...

But, I assume you are referring to the index page and the links on the master page?
All the links seem to work for me.

What are the exact steps do to see the problem?

Hi Santieb,

I've looked at your design and there is some design issues:

1. Why are you duplicating objects? For example, 'tripack_name' is the same as 'tripack_name_m'. You have 2 text objects for the same text. This is not necessary. If you want a smaller font in mobile then simply enable responsive fonts and then change the size in the breakpoint. Duplicate objects for the same thing just causes confusion will bloat your code.

2. Why are you using blank layout grids with padding added to use for spacing between other layout grids? This will only bloat the code. The text 'Tripack Distributors' can be placed inside the same layout grid11 and you can eliminate 2 layout grids just right there. Then to achieve the spacing between the text and the card container below, add padding or margin to the text object on the bottom.

3. Your breakpoint settings are not the same for the index page and the master page. Open up the master page, click on the Manage Breakpoints and select 'Activate breakpoints when browser window is larger than the device width'.

4. Your bookmarks work in the 1st two layouts because you are linking to a bookmark. In the mobile, you are linking to a text object. Why? Also, why do you have 2 different menus for mobile when they are basically the same?

5. Layers and layout grids can be bookmarks themselves. Instead of bookmarking to the text, bookmark to the layer/layout grid instead.

Hi Crispy

I basically am new to Web builder. So everything is self taught. I watch alot of you tube videos on this as well. For instance this video here
https://www.youtube.com/watch?v=bM61dIVcFBs&t=8s

That's why my web is build like it. Thank you for all the help, i will go through it. Any good video tutorials you welcome to send it.

Pablo, yes the master pages where the overlay menu is. The overlay menu does not work on the mobile...thats the main thing i need to get fixed for now.

Kind Regards
Santie

My #4 above is the issue. You should only have 1 overlay menu. Fix this and make sure the bookmarks are to either other bookmarks on the page or the actual layout grid.

Where do i enable responsive fonts ?