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:

    <span style="padding-top: 50px;">Text</span>
    

    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

Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.