Full screen not displaying correct position for anchor (#) tag

[rabtheme]

Hello,

There are a few instances where I need to use an anchor/id tag to direct users to a particular position on a web page. On full screen, the wrong position is being displayed, and I think it may be due to the static placement of the primary menu? It seems to work properly on a mobile device.

Please visit http://www.staging.roboticsandbeyond.org. Click on the Read More button under Our Mission icon box on the homepage. Once on the new page, you can scroll up a few lines. The id tag is on the “Mission” header, so the sentence that starts with “Our Mission is to help young people…” should be displayed at top. Instead, the first sentence that is displayed is “To accomplish this mission…”.

Please note that you will get an error for our security certificate. This is a development site and our ssl only covers our live site.

Thank you,

Marybeth

[Zex]

Hello, Marybeth!

There are two things that you can do.

1. Change the header style to (v1)

2. …or you can add more space,( or some image) between the “Mission” header, and the sentence that starts with “Our Mission is to help young people…”.(below the “Mision” header).

Regards

[rabtheme]

Great, thank you for the suggestions!

[Author]

Posts