1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Make divi section fit full screen of any screen

Discussion in 'Free Divi Community Forum' started by Maecy, May 21, 2019.

  1. Maecy

    Maecy Member

    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    You should refer to slider revolution plugin developer about it. The normal CSS way doesn't seem to work.
     
  3. Maecy

    Maecy Member

    I see, Thank you. Also, I was wondering if you could also help me with the animation. I have this code that I found here : https://codepen.io/nucliweb/pen/ymedj it only contains 3 set of text, I was wondering if I can do up to 8.
     
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    You will need to create up to 8 keyframes for that.

    You will need fit 8 keyframes within 100%. Need to experiment with different values to make it work properly. Reduce the keyframe value proportionally & increase the animation duration.

    Easier way is just to use the slider module, but it's just fading effect during transition.
     
  5. Maecy

    Maecy Member

    Thank you for the tip, took me quite some time to figure out how the values work for the keyframes.

    As for your suggestion to just use the slider module, I actually would want to do that, but would it be possible to use it and put it on the slider revolution?
     
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    If slider revolution support shortcode in it, then you can try to use this free plugin: https://wordpress.org/plugins/simple-divi-shortcode/

    1. After installing it, go to Divi Library to create a new library item & add a slider in it.
    2. Then copy the shortcode generated by the plugin & insert it in your slider revolution.
     
  7. Maecy

    Maecy Member


    Thank you, I will try it then let you know if it works. You guys have helped me a lot since this is my first time with wordpress and css.
     
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  8. Maecy

    Maecy Member

    It is working but when I try to view it on mobile, it disappears. I changed it back to my original code, but if you want to check it, I'll put it back.
     
  9. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try to put it back & see.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  10. Maecy

    Maecy Member

    It's back now
     
  11. Divi.Help

    Divi.Help Administrator
    Staff Member

    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  12. Maecy

    Maecy Member


    It's showing now but why does it turn like this whenever I switch to mobile view(inspect->device toolbar) but anyway, it looks perfect on a real mobile view:
    Screen Shot 2019-05-22 at 11.59.21 AM.png


    Thank you so much!
     
  13. Divi.Help

    Divi.Help Administrator
    Staff Member

    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More
  14. Maecy

    Maecy Member

    that did the trick. Thank you so much!