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

zzGreg
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

Vote to pay developers attention to this features or issue.
9 Comments
Order By: Standard | Newest
Support Team
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
ilija.letic
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)

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)
Support Team
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
ilija.letic
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.

Jeah it jumps, but the section is behind the Header. I will add now a padding and you can watch it again.
ilija.letic
3 Posts
ilija.letic posted this 09 March 2017

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

This cant be the solution. Now there is a gap between the contet.
Support Team
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
lucydawson
8 Posts
lucydawson posted this 18 June 2025

I've been digging through this Themler thread and the solutions shared are really practical—especially the JS that adjusts the scroll offset for sticky headers, and the CSS pseudo‑element trick using :before to pad anchors just right
stackoverflow.com
. As someone who’s tweaked site layouts before, I appreciate how clean and adaptable these options are, depending on whether you prefer a CSS or JS route. One tip: always test on mobile too, since header height can vary and hide content unexpectedly
theme.co
. On an unrelated note, if you ever need a break from code, I offer law assignment help —happy to talk through any legal writing challenges!

I've been digging through this Themler thread and the solutions shared are really practical—especially the JS that adjusts the scroll offset for sticky headers, and the CSS pseudo‑element trick using :before to pad anchors just right stackoverflow.com . As someone who’s tweaked site layouts before, I appreciate how clean and adaptable these options are, depending on whether you prefer a CSS or JS route. One tip: always test on mobile too, since header height can vary and hide content unexpectedly theme.co . On an unrelated note, if you ever need a break from code, I offer [law assignment help][1] —happy to talk through any legal writing challenges! [1]: https://www.nativeassignmenthelp.com/law-assignment-help
pebitech00
15 Posts
pebitech00 posted this 18 June 2025

Hi Greg,

To prevent the linked section from being hidden behind the fixed header, you can add some top padding or use CSS scroll-margin on the target elements. For example:

css
Copy
Edit

your-section-id {

scroll-margin-top: 100px; /* Adjust to your header height */
}
Yes, in Themler you can assign an id to most elements by selecting the element, going to the Properties panel, and setting the HTML ID field.
13 cabs maxi taxi , top maxi cabs service perth , maxi cab perth , maxi vans perth

Hi Greg, To prevent the linked section from being hidden behind the fixed header, you can add some top padding or use CSS scroll-margin on the target elements. For example: css Copy Edit #your-section-id { scroll-margin-top: 100px; /* Adjust to your header height */ } Yes, in Themler you can assign an id to most elements by selecting the element, going to the Properties panel, and setting the HTML ID field. [13 cabs maxi taxi][1] , [top maxi cabs service perth][2] , [maxi cab perth][3] , [maxi vans perth][4] [1]: https://www.maxicabserviceperth.com.au/welcome-to-13-cabs-your-reliable-taxi-cab-service/ [2]: https://www.maxicabserviceperth.com.au/ [3]: https://www.maxicabserviceperth.com.au/ [4]: https://www.maxicabserviceperth.com.au/7-13-seater-maxi-cabs-in-perth/
kevokaj971
5 Posts
kevokaj971 posted this 09 October 2025

The CMA Part 1 Exam Questions curriculum is structured around three major content areas that form the bedrock of strategic financial management. A significant portion of the test focuses on External Financial Reporting Decisions, covering GAAP, financial statements, and SEC reporting requirements. The heart of the exam, however, lies in Planning, Budgeting, and Forecasting, where candidates are tested on their ability to construct budgets, analyze variances, and apply various forecasting techniques. Furthermore, the exam places a heavy emphasis on Performance Management, challenging test-takers on cost accounting, internal controls, and the metrics used to evaluate business unit performance, ensuring a well-rounded grasp of how finance drives operational success.

The **[CMA Part 1 Exam Questions][1]** curriculum is structured around three major content areas that form the bedrock of strategic financial management. A significant portion of the test focuses on External Financial Reporting Decisions, covering GAAP, financial statements, and SEC reporting requirements. The heart of the exam, however, lies in Planning, Budgeting, and Forecasting, where candidates are tested on their ability to construct budgets, analyze variances, and apply various forecasting techniques. Furthermore, the exam places a heavy emphasis on Performance Management, challenging test-takers on cost accounting, internal controls, and the metrics used to evaluate business unit performance, ensuring a well-rounded grasp of how finance drives operational success. [1]: https://www.examsleader.com/CMA-Financial-Planning-Performance-and-Analytics-exam.html
You must log in or register to leave comments