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 Logo image in full with header.

Discussion in 'Free Divi Community Forum' started by Joy, Jul 29, 2020.

  1. Joy

    Joy Member

    Hello, I placed a logo image in a full width header —the logo of my blog, I want it to span the full width of the header, is there a way to do this? The logo size is 800 by 200.

    thank you in advance.
     
    #1 Joy, Jul 29, 2020
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  2. Problemizer.com

    Problemizer.com Divi Expert

    You need to set background-size to be cover, like here.
    upload_2020-7-29_23-7-31.png
     
    #2 Problemizer.com, Jul 29, 2020
  3. Joy

    Joy Member

    Hello, thank you for your response, I tried this but the quality of the logo seems to have really dropped now that it’s the full header width.
     
    #3 Joy, Jul 29, 2020
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  4. Problemizer.com

    Problemizer.com Divi Expert

    Of course, that is the tradeoff when the image of 800px width is being stretched. You can try "contain" instead for background size.
     
    #4 Problemizer.com, Jul 29, 2020
  5. Joy

    Joy Member

    Thanks, I’ll try that, but may I ask if you know what size of image would fit a full width header? I designed my logo with that size because I didn’t know the correct size.
     
    #5 Joy, Jul 29, 2020
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  6. Problemizer.com

    Problemizer.com Divi Expert

    There are many devices on which users are visiting websites, but let's say 1920x300 would be fine for all desktop screens.
     
    #6 Problemizer.com, Jul 29, 2020
  7. Joy

    Joy Member

    Thank you!
     
    #7 Joy, Jul 29, 2020
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
(You must log in or sign up to post here.)