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

Help with Divi Wordpress Header Image

Discussion in 'Free Divi Community Forum' started by Susan Daggy, Mar 10, 2020.

  1. Susan Daggy

    Susan Daggy New Member

    Hello-

    I am creating a new website and am looking for some help with my header image. I have an image that I have uploaded and it looks great on my Safari web browser. The issue I am having is that it looks completely squished together on my iPhone/mobile device.

    Any advice for settings or help to get it to look great in both locations?

    Thank you!
     
    #1 Susan Daggy, Mar 10, 2020
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  2. Dan1

    Dan1 New Member

    Hi Susan -

    Try using Background Image Size: Cover with Background Image Position: Center

    If that doesn't work, can you take a screenshot of what it looks like when you are editing with Divi?
     
    #2 Dan1, Mar 10, 2020
  3. Susan Daggy

    Susan Daggy New Member

    Hi Dan- Thank you so much for your suggestion. I tried why you suggested however now the mobile header is only showing a sliver of the image. I have attached a few screen shots:

    1. An image of what the site looks line on my iPhone XR (Safari)
    2. An image of what the site looks like on my MacBook (Safari)
    3. An image of the Divi settings within wordpress.

    Thanks again!!
     

    Attached Files:

    #3 Susan Daggy, Mar 11, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  4. Dan1

    Dan1 New Member

    Susan, when you made the block, did you make a full width header?

    Is it a background image or a standard image?
     

    Attached Files:

    #4 Dan1, Mar 11, 2020
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    You should just insert your image as normal image. Not background image:

    upload_2020-3-12_11-36-12.png
     
    #5 Divi.Help, Mar 11, 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.)