Skip to content

How to place the navigation dots bottom in horizontal mode #70

Closed
@DingJunyao

Description

@DingJunyao

In horizontal mode, the navigation dots are still in the right of the page. I tried to set the position of the navigation to "bottom",but it doesn't work. Does pagePiling.js have the function to place the navigation dots bottom? If so, how to achieve it?

Activity

alvarotrigo

alvarotrigo commented on Aug 19, 2015

@alvarotrigo
Owner

It doesn't provide a way to do it at the moment.
But you probably can do it with CSS very easily:

#pp-nav{
    margin: 0 auto !important;
    left:0;
    right: 0;
    top: auto !important;
    bottom: 17px;
    display: inline-block;
}
#pp-nav li, .pp-slidesNav li{
    display:inline-block;
}

Then you would also need to deal with the tooltip, if you are using them, but I have no time for that now.

Sneakyp33t

Sneakyp33t commented on Aug 20, 2015

@Sneakyp33t

is there a way to have the dot on 2 places? I was a set of the dots on the left and right side of the page

alvarotrigo

alvarotrigo commented on Aug 20, 2015

@alvarotrigo
Owner

The plugin doesn't provide such an option I'm afraid.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @alvarotrigo@DingJunyao@Sneakyp33t

        Issue actions

          How to place the navigation dots bottom in horizontal mode · Issue #70 · alvarotrigo/pagePiling.js