Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 18, 2020 at 3:41 pm #1185711
    martinvanderharst

    I have one row with two cells. In the first cell I have a -90 margin with a white background. On pc this results in a nice overlap with this cell over the header image. On mobile the cell disappears ‘under’ the header image.

    February 18, 2020 at 4:21 pm #1185725
    Victoria

    Hey martinvanderharst,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .responsive #top #av_section_2 .flex_column_table {
      margin-top: -25px !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 19, 2020 at 11:29 am #1185978
    martinvanderharst

    This works for the mobile layout. However it doesn’t push the white background over the header image. Is that just not possible on mobile?

    February 22, 2020 at 6:07 pm #1186988
    Mike

    Hi,
    Sorry for the late reply, I took a look at your negative margin element and what I see is that your section has full width, so when it is moved up it just makes the top image look smaller.
    I recommend using a different element, such as a grid row, to create this effect.

    Best regards,
    Mike

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