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

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

    Here’s the look I’m going for – http://srapothecary.flywheelsites.com/wp-content/uploads/2019/08/screencapture-srapothecary-flywheelsites-2019-08-23-16_19_39.png

    Here’s the actual page as is right now – http://srapothecary.flywheelsites.com.

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

    I would like the same look on this page – http://srapothecary.flywheelsites.com/about/ (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 6 months ago by  vaology.
    #1132503

    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){
    .page.page-id-50 #after_section_3 .flex_column.av_two_fifth.avia-builder-el-20 {
    left: -20vw;
    top: 160px;
    margin-left: 50;
    }
    .page.page-id-50 #after_section_3 .container {
    max-width: 990px;
    }
    }

    #1132830

    Hi,

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

    Best regards,
    Rikard

    #1132908

    Thank you! Please see login info in this post.

    #1133229

    Hi,

    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,
    Rikard

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

You must be logged in to reply to this topic.