Same page links bring you to wrong position

This topic has 1 reply, 2 voices, and was last updated 7 years, 10 months ago by Eric.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
June 20, 2016 at 5:09 am #18381
katanka
Customer
When i make a link that points visitors to a specific place on the same page, after the click the end position is slightly too low.

See for example http://adf.749.myftpupload.com/online-adverteren/#adwords-audit. You have to scroll up a bit to see the h4 title “AdWords audit” that has the ID “adWords-audit”.

Does anyone knows a way to correct this?

Thanks a lot
June 21, 2016 at 9:47 pm #18403
Eric
Customer
It looks like it’s working fine, but the reason it looks like that is because your Header (logo/menu) is in a fixed position when scrolling down. Since it is in a fixed position it shows up on top of the area you’re talking about.

If you want to keep the Header as it is, then you can add more margin-top to the .site-inner in your code. To do so, look around line 646 in your style.css file and increase the margin-top from 110px to around 200px –
```
.site-inner {
	background-color: #fff;
	clear: both;
	margin-top: 200px;
	position: relative;
	z-index: 9;
	-word-wrap: break-word;
}
```
Here’s how it currently looks – http://i.imgur.com/5tRZDtz.png

And here’s how it will look if you increase the margins above – http://i.imgur.com/ixcuVYW.png

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.