Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 1, 2016 at 3:47 pm #641568
    Eleina_Shinn

    Hey, would it be possible for a countdown timer to be “stuck” to the stop of the site with the navigation bar, above the navigation bar, using css? Just wondering, a client has asked me for this before I choose a theme. thank you ! :)

    June 1, 2016 at 5:16 pm #641615
    Jordan

    Hey Eleina_Shinn,

    Thanks for getting in touch with us!

    Yes if you have a countdown timer to use, it can be stuck to the top of the page using CSS.

    Let me know if you need further assistance.

    Best regards,
    Jordan

    June 24, 2016 at 9:14 pm #653176
    Eleina_Shinn

    Okay, awesome, here’s the page: http://ownyourmoney.com/academy/

    She’d like the Countdown Time to stick to the top, right under Navigation Bar… could we do that?

    June 24, 2016 at 9:55 pm #653183
    Basilis

    Hi!

    Yes it is possible with the ALB, you just remove the rest of the elements and you add the timer there.

    Please do let us know if we can do anything else.

    Regards,
    Basilis

    June 24, 2016 at 10:49 pm #653195
    Eleina_Shinn

    ALB ? Don’t know what this means?

    June 29, 2016 at 4:01 am #654562
    Ismael

    Hi,

    We are very sorry for the delay. Looks like you managed to do it with a plugin. Please let us know if you need more help with this.

    Best regards,
    Ismael

    November 1, 2016 at 5:24 pm #706795
    Eleina_Shinn

    Okay, revisiting this, because the plugin I am using is not responsive on a cell phone – client doesn’t like how timer scrolls down to two lines at about 560 pixels – should shrink instead to go full accross.

    Can I do this with Enfold’s Countdown Timer and have it “stick ” to top bar – see how plugin is stuck at top Now? Can I do that with Enfold timer?

    November 3, 2016 at 6:17 am #707550
    Ismael

    Hi,

    We can resize the countdown on mobile view. Please add this in the Quick CSS field:

    @media (max-width: 989px) {
.flip-clock-wrapper ul {
    width: 18px;
    height: 20px;
}

.flip-clock-divider {
    height: 20px;
}

.flip-clock-dot.top {
    top: 13px;
}

.flip-clock-dot.bottom {
    bottom: 13px;
}

.flip-clock-wrapper ul li a div div.inn, .flip-clock-wrapper ul li a div {
    font-size: 11px !important;
    line-height: 20px;
}
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.