Using Book marks on a responsive website.

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
User avatar
me.prosenjeet
 
 
Posts: 1277
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Using Book marks on a responsive website.

Post by me.prosenjeet » Mon Feb 03, 2020 6:36 pm

Using bookmarks on a responsive website, I notice the book marks dont work properly except on the default resolution (breakpoint) and on all other breakpoints, the bookmarks go hay-wire.
Is there any way to set the book marks in a way to work on all breakpoints?
.
Click here to check my Pro WB Extensions
Click here to check my Pro WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
---------------------------------------------------------

User avatar
Pablo
 
Posts: 21531
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Using Book marks on a responsive website.

Post by Pablo » Mon Feb 03, 2020 6:52 pm

Did you adjust the position of the bookmarks in your breakpoints?

Note: if you need assistance then please always include an example.

User avatar
me.prosenjeet
 
 
Posts: 1277
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Using Book marks on a responsive website.

Post by me.prosenjeet » Mon Feb 03, 2020 7:02 pm

Pablo,
When I am adjusting the bookmarks on breakpoints, for example I set it at a point and added offset of 215 and on 320 breakpoint I make the offset as 400, then on every breakpoint the bookmark position is changing to 320. Disturbing the default brepoint bookmarks too.
here is the concerned example: http://lucknowwebs.com/templates/partsupply2a
.
Click here to check my Pro WB Extensions
Click here to check my Pro WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
---------------------------------------------------------

User avatar
Pablo
 
Posts: 21531
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Using Book marks on a responsive website.

Post by Pablo » Mon Feb 03, 2020 7:08 pm

The offset is controlled by JavaScript so it is the same for all breakpoints.

User avatar
me.prosenjeet
 
 
Posts: 1277
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Using Book marks on a responsive website.

Post by me.prosenjeet » Mon Feb 03, 2020 7:09 pm

Pablo, thanks so much for checking. Can you please tell me what could be wrong on the page and how the breakpoints can be made to work properly on all breakpoints.
.
Click here to check my Pro WB Extensions
Click here to check my Pro WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
---------------------------------------------------------

User avatar
Pablo
 
Posts: 21531
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Using Book marks on a responsive website.

Post by Pablo » Mon Feb 03, 2020 7:19 pm

What is the exact problem?

User avatar
me.prosenjeet
 
 
Posts: 1277
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Using Book marks on a responsive website.

Post by me.prosenjeet » Mon Feb 03, 2020 7:26 pm

Check the link on a mobile and see how the bookmarks misbehave and open wrong sections viz-a-viz the default desktop view.
http://lucknowwebs.com/templates/partsupply2a
.
Click here to check my Pro WB Extensions
Click here to check my Pro WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
---------------------------------------------------------

MGD4me
 
 
Posts: 174
Joined: Tue May 02, 2017 11:56 pm
Location: Canada

Re: Using Book marks on a responsive website.

Post by MGD4me » Mon Feb 03, 2020 7:44 pm

Just drag the bookmark symbol (anchor) to the location where you would like for each separate break point. Because the 'page' length of each break point will become longer with each smaller view port, the bookmark location will also need to be dragged to it's appropriate location.

You may be over thinking it... it really is just that simple.

User avatar
me.prosenjeet
 
 
Posts: 1277
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Using Book marks on a responsive website.

Post by me.prosenjeet » Mon Feb 03, 2020 7:50 pm

Thanks MGD, Its all set at the same position on all breakpoints but still this problem is occurring
.
Click here to check my Pro WB Extensions
Click here to check my Pro WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
---------------------------------------------------------

MGD4me
 
 
Posts: 174
Joined: Tue May 02, 2017 11:56 pm
Location: Canada

Re: Using Book marks on a responsive website.

Post by MGD4me » Mon Feb 03, 2020 9:07 pm

I did not have any problems when I just left the bookmark offset at the default (0). All I did was to drag each bookmark icon to the required location for each break point.

I did a 'view source' on your web page, and for some reason it is showing negative values for the offset. Perhaps you could forget manually setting an offset value?

That's all I got...

User avatar
me.prosenjeet
 
 
Posts: 1277
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Using Book marks on a responsive website.

Post by me.prosenjeet » Mon Feb 03, 2020 9:12 pm

I will remove offset values and give it a try
.
Click here to check my Pro WB Extensions
Click here to check my Pro WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
---------------------------------------------------------

User avatar
me.prosenjeet
 
 
Posts: 1277
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Using Book marks on a responsive website.

Post by me.prosenjeet » Mon Feb 03, 2020 9:45 pm

I removed all offset values and arranged the book marks in a way that it acts perfectly in the default breakpoint but moment Im switching to mobile view, only breakpoint 1 works, rest all go hay-wire...
any one, any solution?
You may check it here...
http://lucknowwebs.com/templates/partsupply2b
.
Click here to check my Pro WB Extensions
Click here to check my Pro WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
---------------------------------------------------------

User avatar
crispy68
 
 
Posts: 1053
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Using Book marks on a responsive website.

Post by crispy68 » Mon Feb 03, 2020 11:25 pm

Without a project file to see how things are set up it is hard to say anything about it.

User avatar
Williams
 
 
Posts: 112
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Using Book marks on a responsive website.

Post by Williams » Tue Feb 04, 2020 8:33 am

For me, all links in ( Menu and even to up button ) work correctly on my phone.
As crispy said, we'll need the project file to see what the exact setting you have done..

User avatar
Bluesman
 
 
Posts: 820
Joined: Mon Feb 01, 2016 5:43 pm
Location: Ecuador
Contact:

Re: Using Book marks on a responsive website.

Post by Bluesman » Tue Feb 04, 2020 10:32 am

Hi Pronenjeet
Just a thought... When using the inbuilt bookmarks in objects ex in Layout grids you can not have different positions or offset in different breakpoints, but when using the standard Bookmark tool from the toolbox you can position them in different heights manually in different breakpoints.
"Make My Day"

See my Website

Post Reply