New Landing How can we help? Cardinal One Page Navigation cuts off top part

Viewing 10 posts - 1 through 10 (of 10 total)
  • Posted in: Cardinal
  • #111525
    thefilmmaking
    Member
    Post count: 3

    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.

    #111540
    thefilmmaking
    Member
    Post count: 3

    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

    #112185
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

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

    – Kyle

    #112202
    FlawlessWeb
    Member
    Post count: 542

    @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.
    #112206
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Change it to:

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

    – Kyle

    #112362
    thefilmmaking
    Member
    Post count: 3

    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.

    #112363
    zohia
    Member
    Post count: 109

    I also have the same problem.

    #112364
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    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

    #112433
    thefilmmaking
    Member
    Post count: 3

    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?

    #112659
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    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

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register