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

Solved Moving Header Logo to the Left

Discussion in 'Get Help On Divi Wordpress' started by RICK Munroe, May 21, 2020.

  1. RICK Munroe

    RICK Munroe New Member

    Greetings,

    I find that the divi logo default position leaves too much of a gap on the left and right side of the page.

    I want to have a full-width website and can't seem to get the logo adjusted to the left (closer to the edge).

    How do I adjust the logo to move it slightly to the left.

    (see attached image)
     

    Attached Files:

    1. AD Premium quality Divi premade designs bundle: https://divi.help/link-forums/divi-den.146/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    To make your header fullwidth, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    header .container {
        max-width: 100%!important;
    }
     
  3. RICK Munroe

    RICK Munroe New Member

    The CSS code didn't work.
     
    1. AD Awesome ways to display testimonials in your Divi site: https://divi.help/link-forums/testimonial-slider.148/
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
  5. RICK Munroe

    RICK Munroe New Member

    1. AD Add more variety for your Divi header (12 premade styles): https://header.diviultimate.com/
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    From what I see, you still haven't added the CSS in Divi > Theme Options > Custom CSS.
     
  7. RICK Munroe

    RICK Munroe New Member

    Embarrased to say I had removed the CSS after trying it. I just added it. Sorry :)
     
    1. AD Add more variety for your Divi header (12 premade styles): https://header.diviultimate.com/
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    It does look more to the edge now. But if you want it to be even closer to the edge, try the below:
    Code:
    header .container {
        max-width: 100%!important;
        width: 90%!important;
    }
    Change width 90% to suit your need.
     
  9. RICK Munroe

    RICK Munroe New Member

    I worked. Brilliant! Thank you.

    So now how do I set the rest of the page to be at 90%?

    In other words the amount of space on the left and right side gap. I want the content to show closer to the edge on both sides.

    Thank you.
     
    1. AD Use modules from the Extra theme with the Divi Builder: https://divi.help/link-forums/divi-extra.163/
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    Go to any Row Settings & set the default width & max-width. See screenshot below:

    upload_2020-5-26_16-55-44.png
     
  11. RICK Munroe

    RICK Munroe New Member

    Amazing!

    Your settings worked brilliantly.

    Thank you.
     
    1. AD Use modules from the Extra theme with the Divi Builder: https://divi.help/link-forums/divi-extra.163/

Recommended Divi Hosting