1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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 Full width header image on mobile

Discussion in 'Free Divi Community Forum' started by Charlie1234, May 5, 2020.

  1. Charlie1234

    Charlie1234 New Member

    Hi, how do I get my fullwidth headers on my POSTS to be fullwidth on mobile?
    they have white bars around them on mobile. I've tried everything it seems.

    problem page - http://finnstudio.co.uk/phoenix

    I want the top image to fill the screen full width on Mobile. attached image shows bars either side.
     

    Attached Files:

    #1 Charlie1234, May 5, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, May 5, 2020
  3. Charlie1234

    Charlie1234 New Member

    I've just added this but still not going full width on mobile... any other ideas?

    Thanks you
     
    #3 Charlie1234, May 5, 2020
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    It's due to an error in your previous CSS:

    @media (max-width:980px){.et_non_fixed_nav.et_transparent_nav #main-header,.et_non_fixed_nav.et_transparent_nav #top-header,.et_fixed_nav #main-header,.et_fixed_nav #top-header{position:fixed}}}

    There's an extra closing bracket } at the end. Try to remove the extra closing bracket & save it again.
     
    #4 Divi.Help, May 5, 2020
    Charlie1234 likes this.
  5. Charlie1234

    Charlie1234 New Member


    thanks for spotting that!! all working now :D
     
    #5 Charlie1234, May 5, 2020
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
(You must log in or sign up to post here.)