Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 14, 2015 at 5:11 pm #502903
    Maik

    Hey there,

    I was wondering if you might able to point me in the right direction.

    I try to get a toggle/accordion element sticky. If the user scroll down the page an reaches the the element, it should stay sticky to the bottom.
    Is there a chance to achieve this?

    I also tried to use a custom fullwidth menue, but i was also not able to achieve that it sticks to the bottom…

    September 14, 2015 at 5:55 pm #502949
    Elliott

    Hi Maik!

    We can give you CSS to make it sticky but it would be displayed at all times. To get the effect your wanting some custom javascript would be required and it’s kind of complex so it would have to be considered custom work. It would be best to hire a freelancer to help you out with this customization.

    Regards,
    Elliott

    September 15, 2015 at 4:45 pm #503485
    Maik

    Hi Elliot,

    I hired a freelancer for this case.
    But till the freelancer can start with the work i would realy appreciate if you can point me the correct Quick Css to make it sticky the whole time.

    Best regards Maik

    September 15, 2015 at 5:53 pm #503567
    Elliott

    Hey!

    Here you go.

    .av_toggle_section { position: fixed; top: 100px; }

    Cheers!
    Elliott

    September 15, 2015 at 6:59 pm #503609
    Maik

    Elliot,

    much thanks for the quick and effective reply.
    may i bother you with an upcoming problem?

    i now got the problem, that the sticky elemnt is not scaled to 100% width. (i atteached a picture)Screenshot

    Do you may have a hinte for me how to scale it?
    it is wraped in a colorsection element with the custom css class “.fullbody”

    much thanks in advance for your patience and help!

    September 16, 2015 at 8:58 am #503852
    Ismael

    Hi!

    Add this in the Quick CSS field:

    .loesungseinstieg {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    max-width: 90%;
    width: 1400px;
}

    Remove this css code:

    .av_toggle_section {
    bottom: 0px;
    position: fixed;
}

    Regards,
    Ismael

    September 16, 2015 at 10:59 am #503916
    Maik

    Hey at all,

    as always i have to thank you guys so much!
    I really appreciate your fast an reliable help! I would reccomend Enfold forever, because of this outstanding support!

    unfortunately you guys are not arround. otherwise i would send a bucket of beer to you!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘ENFOLD – making Toggle Object sticky to bottom’ is closed to new replies.