Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #1132468

    I thought I understood how to do this, but I can’t get it right.

    Here’s the look I’m going for –

    Here’s the actual page as is right now –

    I want the text section on the right to overlap the image on the left.

    I would like the same look on this page – (image of white dishes and plate with white text box to the right).

    Can anyone help me with this? Thank you so much!

    • This topic was modified 2 years ago by  vaology.

    This is what I was trying, but it’s not working. Any ideas what I’m doing wrong?

    @media only screen and (min-width:1024px){ #after_section_3 .flex_column.av_two_fifth.avia-builder-el-20 {
    left: -20vw;
    top: 160px;
    margin-left: 50;
    } #after_section_3 .container {
    max-width: 990px;



    Your site is password protected, please include login details in private so that we can view the links you posted.

    Best regards,


    Thank you! Please see login info in this post.



    Thanks for that. Please try the following CSS for the home page:

    .home .avia-builder-el-11 {
        position: absolute;
        left: 400px;

    It might be easier if you assign a class to the element in question so that you don’t have to target the builder element number in the CSS.

    Best regards,

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

You must be logged in to reply to this topic.