One Page Navigation cuts off top part

[thefilmmaking]

The one page navigation on the right jumps to the proper section I created with the Rows and their ids, however, when I make the navigation links up top with the hashtag for each linked section, it cuts of the top parts of each section:

Example, click this link http://calvarychapellongbeach.com/?page_id=22#womens and see how the row actually starts with the title section, yet it cuts it off when jumping there.

[thefilmmaking]

Also second issue, I can’t seem to get the Social Shortcode to center. The align isn’t working and neither is the custom css I see you guys suggested to another user having the same issue in the forum.

Here’s the sample: http://calvarychapellongbeach.com/?page_id=29

[Kyle – SUPPORT]

Hi

I will forward this to the developer, he will help you with this issue

– Kyle

[FlawlessWeb]

@thefilmmaking

Add this code to your social shortcode and it should center it (it worked through the console).

text-align: center;

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Change it to:

.social-icons.large {
  margin: 0 auto;
  width: 160px;
}

– Kyle

[thefilmmaking]

Ok thanks, the adding the second code to the CSS worked.

Now for the first issue with the One Page Navigation cutting the top part off the pages, how can I resolve that? Adding spacers was redundant and didn’t seem to do the trick properly.

[zohia]

I also have the same problem.

[Swift Ideas – Ed]

Hi there,

Unfortunately the only way to do this would be to add a spacer bigger than the sticky header at the top of each row. The browser is responsible for the jumping functionality – not something we can change.

– Ed

[thefilmmaking]

How come it properly jumps with the same hashtag link on the one page navigation buttons on the right, but not the custom link. It’s the same link. Is there some code we can add to make it behave the same way?

[Swift Ideas – Ed]

It’s tricky, because you could – but then the links wouldn’t work when you aren’t on that page.

The only way around it would be to have a separate menu for that page, and then set up the single “#” href values – that will smooth scroll to the areas.

– Ed