Margins on Posts for Mobile

Comments

• Phil

  July 2022

  Hi,

  Can you attach a screenshot showing it, please?

  I do not want to misunderstand you.

  
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• trockowitz

  July 2022

  I think this will make it clearer/easier: https://www.loom.com/share/ee23c569fd5d4c1ba16c5552d0ff9b1e

  Thank you!
• Phil

  July 2022

  The padding is the same for all devices, so if you set it for desktop on mobile it will be the same.

  You need to create a copy of this section, and the one with the padding set should be visible for desktops and tablets, and the one without the padding for mobile.

  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• trockowitz

  July 2022

  I don't have Responsive Options in any of my dialog boxes.

  I also don't know how this would apply to the individual posts since this is a global setting. Post pages are created to fit in the template and aren't individually styled like my other pages content so I don't know how I have control over that without writing custom CSS.
• Phil

  July 2022

  Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

  @media only screen and (max-width: 767px){
     .wpb_wrapper .vc_custom_1657567125511{
        padding: 20px 0!important;
     }   
  }
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• trockowitz

  July 2022

  That worked! I did have to add a Custom ID tag to the blog landing page for that to work but all is fixed now.

  Thanks so much for all of your help!
• Phil

  July 2022

  You are welcome.

  Please, let me know if I can help you with anything else.

  I also strongly recommend checking out BeBuilder. Already thousands of our customers moved from other builders in favor of Be one.

  
  

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next