1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Solved How to make this column negative top margin responsive

Discussion in 'Free Divi Community Forum' started by Ernst, Feb 1, 2021.

  1. Ernst

    Ernst Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi,

    I've created these team member cards with columns; with an image with negative top margin, to create the overlapping image effect.
    On mobile because of the negative top margin they overlap the column above it. How can I fix this?

    https://staging.o21.nu/over/ons-team/
     
    1. AD Use modules from the Extra theme with the Divi Builder: https://divi.help/link-forums/divi-extra.163/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    You can try to go to the Row Settings > Column Settings > Advanced > Custom CSS > Main Element & add custom CSS for the tablet view: margin-bottom: 130px!important;
     
  3. Ernst

    Ernst Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    That works, thanks!
     
    1. AD Use modules from the Extra theme with the Divi Builder: https://divi.help/link-forums/divi-extra.163/
  4. Ernst

    Ernst Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi,
    It did work for the 3 column layout, but stopped working for a 4 column layout underneath it, do you have any idea why? Have a look at: https://staging.o21.nu/over/ons-team/ using the same margin-bottom 130px at mobile, but it is not showing/doing anything?

    Thanks!
     
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    For your margin CSS, try to add !important;
     
    1. AD Add tons of new icons for your Divi site. Free version available: https://divi.help/link-forums/divi-icons-pro.147/
  6. Ernst

    Ernst Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Awesome, didn't expect it to need it in the CSS options.