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 Remove Left/ Right Margin on Post Pages

Discussion in 'Free Divi Community Forum' started by RJH-Estates, Oct 2, 2019.

  1. RJH-Estates

    RJH-Estates New Member

    Hi There,

    Every time i create a new Post page i set it as Full Width in the Divi Page settings, but when displayed i can't seem to remove a blank margin to the left and right of the page.

    Also, these margins are messing up the sticky header when you scroll down the page.

    Is there a setting i'm missing somewhere to make all post pages the same width as normal pages?
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
  3. RJH-Estates

    RJH-Estates New Member

    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  4. 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.
     
  5. RJH-Estates

    RJH-Estates New Member

    That changed some of the page, the bottom contact form now fits full width, but the main part of the page and also the sticky header still have issues
     
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

  7. RJH-Estates

    RJH-Estates New Member

    That has 100% fixed the menu wrapping, i'll change the settings within each module, that may be the gutter width.

    I'll reply back if that's the case
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  8. RJH-Estates

    RJH-Estates New Member

    Issue resolved! Thanks so much!

    I changed the gutter width on the parralax image and that now shows full width, the code above worked perfectly, thanks :)
     
  9. RJH-Estates

    RJH-Estates New Member

    After checking this morning it's still not quite right

    Desktop/Laptop/Tablet displays perfectly, the problem is the Mobile display

    The Footer seems to have 0 padding now, but only on mobile

    Also, the contact form at the bottom is out of line, the submit button seems pushed to the right, making the form padding bigger on the left than it is on the right
     
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    Not quite sure what you're referring to. Kindly share screenshot on those.
     
  11. RJH-Estates

    RJH-Estates New Member

    The 3 x screenshots below (Page Screen 1, 2 & 3) are from a normal page on mobile, this is how things should look

    The 3 x Post screenshots are how the contact form and Footer look with the new code added
     

    Attached Files:

    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  12. Divi.Help

    Divi.Help Administrator
    Staff Member

    You need to replace the above CSS with the below:
    Code:
    Log In or Sign Up to view this code.
    Also, you need to change your contact form Row settings & Text module settings to have no padding.
     
  13. RJH-Estates

    RJH-Estates New Member

    That fixed the footer perfectly, contact form is centered also, but now the mobile header has a margin left and right
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
  14. Divi.Help

    Divi.Help Administrator
    Staff Member

  15. RJH-Estates

    RJH-Estates New Member


    Perfect!

    Now its solved, thanks so much for your time and efforts :)
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo