Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 13, 2016 at 11:48 am #564554
    AlutermGroup

    Hello Enfold,

    Please help me stick to the bottom a color section.
    This will move with the page (being always in the visible page bottom) when someone scrolls down!
    We want to use this to improve conversions!

    Thank you!

    January 13, 2016 at 12:54 pm #564620
    Josue

    Hey!

    Try adding this at the very end of your theme / child theme functions.php file:

    add_action('wp_footer', function() {
	?>
         <div class="sticky_content">Content</div>
        <?php
});

    And add this to Quick CSS:

    .sticky_content{
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
padding: 30px;
}

    Cheers!
    Josue

    January 13, 2016 at 5:17 pm #564839
    AlutermGroup

    Hello,

    Thank you for replying. I don’t know code but I guess your solution won’t help me. I need to stick to bottom some color sections which I will select.
    How can I make a specific color section to stick to bottom.

    Thanks!
    Alexandru

    January 13, 2016 at 5:39 pm #564861
    Yigit

    Hey!

    Would you like to make a Color Section element sticky? If so, please edit it and give it a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then change the code to following one 

    #your-custom-id {
position: fixed;
bottom: 0;
width: 100%;
}

    Cheers!
    Yigit

    January 14, 2016 at 9:42 am #565271
    AlutermGroup

    Hey :)

    Thank you. Is almost good. I guessed i don’t need anymore to modify functions.php.
    Is working your solution but is displayed under other content (many times is not visible). I need it to be over any other content.

    Thanks!

    Alexandru

    January 14, 2016 at 9:45 am #565273
    Josue

    Hey!

    Try adding z-index:

    #your-custom-id {
position: fixed;
bottom: 0;
width: 100%;
z-index:100;
}

    Best regards,
    Josue

    January 14, 2016 at 9:49 am #565276
    AlutermGroup

    Perfect, Thank you!

    January 14, 2016 at 9:53 am #565278
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

    January 14, 2016 at 10:32 am #565301
    AlutermGroup

    Sorry, last questions.

    I need to keep it up to footer and socket. So, when you scroll down to bottom it should stop until footer.
    Otherwise, socket and footer are not visible.

    How to make full screen layer slider to be on top of this section?

    Thank you!!

    • This reply was modified 8 years, 11 months ago by AlutermGroup.
    January 14, 2016 at 7:09 pm #565699
    Yigit

    Hi!

    Can you please post the link to your page? I checked your pages in your main menu but could not find the correct page

    Best regards,
    Yigit

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