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

Solved Column width

Discussion in 'Get Help On Divi Wordpress' started by Maecy, Nov 9, 2019.

  1. Maecy

    Maecy Member

    I have a two column row, and I was wonder how can I make the left column go full width(on left side only) without affecting the position of the right column.
     
    1. AD Access 2000 icons from Font Awesome & Material Icon set in Divi: https://divi.help/link-forums/divi-icon-king.154/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Not sure of any ways to achieve that. But here's a rough workaround, which doesn't retain the exact position of the right column:

    You can try to set the row to be fullwidth by having width & max-width to be 100%. Then for the right column settings, try to set padding-right 10vw for example. Adjust the value to fit your need.
     
  3. Maecy

    Maecy Member

    Thank you for your suggestion but I am not getting the right positioning I want. But is it possible to assign a background image to the right column and set the image background to overflow visible so the image can touch the right side of the screen?
     
    1. AD Feature-rich Divi eCommerce Child Theme for WooCommerce: https://divi.help/link-forums/royalcommerce.151/
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Background image will only stay within the container. It can't surpass the container. But for image module, you can make it bigger & overflow the container.

    Perhaps for the image module, you can do something like:
    Code:
    position: absolute!important;
    width: 50vw!important;
     
  5. Maecy

    Maecy Member

    You're a life saver! Thank you so much for your help! :D
     
    1. AD Free Divi premade layouts & sections for download: https://divi.help/link-forums/divi-den-freebies.145/

Recommended Divi Hosting