1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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

Column shadow not appearing + Column elements set up [Mobile]

Discussion in 'Free Divi Community Forum' started by RobertaCin, May 6, 2020.

  1. RobertaCin

    RobertaCin Member

    Hello Divi Helpers,

    I have a four columns row which on mobile has two issues:
    • the last element doesn't show the shadow at the bottom on mobile, while on a desktop does.
    • I would like to make sure the buttons appear at the same distance from the text above. How to you suggest to manage it in terms of padding or margin?
    Thank you in advance.

    Regards,
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try to go to the Row Settings & set the overflow to be visible.
    Make sure you're not setting any fixed height for the text module. Next is just adjusting the padding / margin for either the text module / button module.
     
    RobertaCin likes this.
  3. RobertaCin

    RobertaCin Member

    in regards to Overflow I went both to row and column and made the settings: Visibility/ Vertical and Horizontal Overflow Visible
    But nothing changed - you can check here https://sailover.net/servizi/sharing/full-day/

    Re the other point, I checked more carefully and there was a margin

    thanks a lot
     
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    From what I see, it's still not set as overflow visible.

    Alternatively, try to go to the Row Settings > Advanced > Custom CSS > Main Element & add overflow: visible!important;
     
  5. RobertaCin

    RobertaCin Member

    Dear helper, I did what you suggested but nothing changed

    Please check yourself, the shadow of the last element is still not appearing (on mobile) https://sailover.net/servizi/sharing/full-day/

    thanks
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  6. RobertaCin

    RobertaCin Member

    thanks for replying to this I am now puzzled about HOW I CAN BE 100% SURE that padding and margin applied to one element of the column work across all devices (making the columns elements equally aligned across them all). I guess the solution would be not to use units like pixels but those relatives one. Is this correct?

    I suppose the units could be either vh or vw, or both. Could you kindly advise?

    Please see the screenshots of two sections of this page example https://sailover.net/servizi/sharing/full-day/ where I would like to apply the rule.

    thank you very much in advance.

    Roberta
     

    Attached Files:

  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    I'm still not able to see that you set the Row overflow to be visible. Here's the settings for overflow option:

    upload_2020-5-12_22-27-47.png
    I see that white column padding is set to be 20px & the dark column padding is set to be 30px. You should just set both to have the same column padding.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
  8. RobertaCin

    RobertaCin Member

    I have set it up at the row level (before I did it at the column-level) but the shadow is still not appearing on mobile https://sailover.net/servizi/sharing/full-day/ (in the last column)

    I am not quite sure what you mean, all columns are set the same for each row. I think you didn't get my question which is referred to how to make the buttons appear at the same horizontal height across all desktop and tablet devices displaying the column horizontally aligned.

    Please let me know if it's clear now.

    Thank you.
     
  9. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try to disable Static CSS File Generation & see if it works: WP Admin > Divi > Theme Options > Builder > Advanced > Static CSS File Generation > Disabled.
    For that case, you will need to set your button module to be position absolute & set it at the bottom of your column.
     
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More