No margins on phone

About this forum
These forums have not been active for several years. They're available for search and reference, but a lot of this information is likely out of date.

For current information, try visiting our Knowledge Base.

Home / Support / Beaver Builder Plugin / No margins on phone

This topic is: not resolved
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #115360

    Rick Altman
    Participant

    For the most part, I am quite pleased with the responsiveness of our conference website, http://www.PresentationSummit.com. However, I note that any left- or right-aligned text gets jammed up to the edge of the screen, and a centered paragraph might get jammed up to both edges!

    I have tried all combinations of margins and pads to the various rows and/or modules that hold this text, all to no avail: On my Samsung Note 4 and on my wife’s iPhone, the text is edge to edge.

    How can I give my text a few pixels of elbow room?

    #115584

    Ben Carlo
    Keymaster

    Hey Rick,

    You should be able to do that by adding a left and right padding. If you want to apply it to the entire page, you can use the CSS snippet below.

    @media (max-width: 767px) {
      .fl-page-content {
        padding-left: 10px;
        padding-right: 10px;
      }
    }

    Ben

Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘Beaver Builder Plugin’ is closed to new topics and replies.