Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 14, 2019 at 1:54 pm #1066962
    Daniel

    Hi,

    I am creating a page with a sidebar. Near the bottom of the page I need to use a content element because I want to display a full width background image. I have tried two solutions that both don’t work:

    PAGE LAYOUT WITH RIGHT SIDEBAR

    Header
    Full widh easy slider
    1/1 with text element
    1/1 with text element
    1/1 with text element
    content section with background image and 1/2 1/2 text elements
    Footer

    Outcome: The sidebar is displayed after the content section

    ALTERNATIVE: PAGE LAYOUT WITH WIDGET ELEMENT

    Header
    Full widh easy slider
    2/3 with text element & 1/3 with widget element
    1/1 with text element
    1/1 with text element
    content section with background image and 1/2 1/2 text elements
    Footer

    Outcome: the 1/1 only starts below the 1/3 (not like masonry style)

    How can I achieve this? Thanks for helping!

    February 16, 2019 at 6:38 pm #1067761
    Victoria

    Hey Daniel,

    Yes, the sidebar will always be pushed down by the full-width element.

    This is not ideal but this css can give you some ideas:

    
@media only screen and (min-width: 1024px) {
  .flex_column.av_two_third.avia-builder-el-5,
  .flex_column.av_two_third.avia-builder-el-7 {
    top: -17vw;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

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