Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 19, 2017 at 3:03 am #779740
    Briana

    I am trying to set the margin of my short seperator so the space above and below are equal but for some reason the top margin on my separators (which are not within a flex column) are sitting on top of /overlapping the flex column that comes before it so the spacing is off.

    I tried adding clear:both but to no avail.

    Overlapping margin

    As you can see the yellow (margin) is sitting overtop of the text within the flex column above.

    Thanks in advance for your help :)

    • This topic was modified 7 years, 8 months ago by Briana. Reason: Note: this is a desktop screenshot simulating the size of a tablet for responsive tweaks :)
    April 19, 2017 at 7:29 am #779822
    Jordan Shannon

    Hey Briana,

    Please provide a link to the site/page in question.

    Best regards,
    Jordan Shannon

    April 20, 2017 at 12:06 am #780218
    Briana

    Apologies! See private section for link.

    April 20, 2017 at 6:24 am #780316
    John Torvik

    Hi,

    First off, thanks for using our theme :)

    You can fix it just changing the margin by padding with this code:

    .hr-short {
    margin: 0 !important;
    padding: 30px 0 !important;
}

    Best regards,
    John Torvik

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.