Linking to a section ID, not working (content hidden behind header/menu)

17 Posts

zzGreg posted this 20 April 2016

Hi,

Sorry to ask what is probably a basic question, but I can't seem to figure this one out on my own...

I want to link to different parts of the same page, so I have assigned unique id's to the different sections on my page. When I publish and click on a link, I am taken to the correct section (my link works), but the top of the section that I have linked to is hidden behind the page header (I have the page header consistently appear on the top of the page as one scrolls down through the content).

How do I fix this?

Also, is there a way for us to assign an id to an element other than a section in Themler?

Thanks,
Greg

EDIT: I am using the "Fix on Scroll" extension (applied to the header).

Hi, Sorry to ask what is probably a basic question, but I can't seem to figure this one out on my own... I want to link to different parts of the same page, so I have assigned unique id's to the different sections on my page. When I publish and click on a link, I am taken to the correct section (my link works), but the top of the section that I have linked to is hidden behind the page header (I have the page header consistently appear on the top of the page as one scrolls down through the content). How do I fix this? Also, is there a way for us to assign an id to an element other than a section in Themler? Thanks, Greg EDIT: I am using the "Fix on Scroll" extension (applied to the header).

Last edited 21 April 2016 by zzGreg

anchor one-page

Vote to pay developers attention to this features or issue.

6 Comments

Order By: Standard | Newest

Support Team posted this 21 April 2016

Hi,

You can add a padding to the top of each section using the header height value so the content of the section will apperar below the fixed header.

As for the scrolling to the specific element, you can read about the one-page design:
http://answers.themler.com/articles/4782/how-to-create-one-page-design

The main idea is to add the HTML control with the anchor.

Sincerely,
Hella

Hi, You can add a padding to the top of each section using the header height value so the content of the section will apperar below the fixed header. As for the scrolling to the specific element, you can read about the one-page design: http://answers.themler.com/articles/4782/how-to-create-one-page-design The main idea is to add the HTML control with the anchor. Sincerely, Hella

3 Posts

ilija.letic posted this 08 March 2017

For me neither the padding nor the anchor is working. I want my site to jump to an anchor by clicking on the arrow (blue circled in the screenshot). Can you please help me? (page: new.shinseikan.ch)

page-on-klick-scroll2.JPG

page-on-klick-scroll.JPG

Support Team posted this 09 March 2017

Hi,

I see the page jumping just fine to that section and also there is no padding added so please add the pudding and that should work fine.

Sincerely,
Hella

Hi, I see the page jumping just fine to that section and also there is no padding added so please add the pudding and that should work fine. Sincerely, Hella

3 Posts

ilija.letic posted this 09 March 2017

Jeah it jumps, but the section is behind the Header. I will add now a padding and you can watch it again.

3 Posts

ilija.letic posted this 09 March 2017

This cant be the solution. Now there is a gap between the contet.

Support Team posted this 09 March 2017

Hi,

Unfortunately having such gap is the only one solution if you are using the fixed menu.

Sincerely,
Hella

Hi, Unfortunately having such gap is the only one solution if you are using the fixed menu. Sincerely, Hella

You must log in or register to leave comments