Internal links on page. Scrolling issue
Hello.
On the page below I use internal links (or whatever they're called).
In a box on the top of the page I use href="#Uni" (Uni is one of 5 similar objects). In Uni column I use <span id="Uni" .....> thing.
it wokrs. But when the page scrolls down and stops the id-containing Column becomes covered by the menu bar.
Can we somehow scroll the page some 50px less so that the Column we want to see is not at the upper edge of the screen and consequently not covered?
Thank you
Comments
Hello,
Please use inline CSS for the text with this ID, and add some "padding-top" to it.
Thanks to that, the anchor link will scroll as many pixels higher as you set there.
Best regards
Here's what was there originally
<span id="Advice">Поради інвесторам</span>
I've unsuccessgully tried to add <div padding.....> .
Would you write the correct code 'cause I'm not good in coding.
Or I should insert 50px 0 0 0 at the Padding box down the page?
https://snipboard.io/cfsT5W.jpg
You should add an inline CSS style to this span.
It should look like this:
Of course, remember to add it, not replace it, because you will lose the id and other stylings you have added to it before.
Thanks
Yep, that's it.
Thank you