Okay
  Public Ticket #2805680
Video positioning
Closed

Comments

  •  1
    reecedouglas started the conversation
    June 18, 2021 at 2:12pm

    Hey,

    1. Please refer to the link and see screenshots 

    2. When I view my home page the mobile at the top is central. When I view this on my mobile it moves to the right?

    3. The mobile video above the title: have fun and get creative is showing an unwanted space above it when viewing on a mobile.

    please advise on a solution 

  •  1,878
    Judith replied
    June 18, 2021 at 2:51pm

    Hi There,

    Thanks for keeping in touch.

    1. Please try this css:

    @media only screen and (max-width: 999px) and (min-width: 1px){
    body .img-with-aniamtion-wrap img {
        left: -81px;
    }
}

    2. Try this css:

    @media only screen and (max-width: 690px){
    .vc_row.top_padding_phone_20pct {
        padding-top: 0%!important;
        margin-top: -94px !important;
    }
}

    Thanks.

  •  1
    reecedouglas replied
    June 18, 2021 at 2:57pm

    Hey Judith,

    It worked but it has resulted in every other mobile image now showing to the left, see attached?

  •  1,878
    Judith replied
    June 18, 2021 at 3:06pm

    Hi There,

    Please try this css:

    @media only screen and (max-width: 999px) and (min-width: 1px){
    .img-with-aniamtion-wrap[data-max-width-mobile*="%"]:not([data-max-width="75%"]):not([data-max-width="50%"]) img {
        position: initial;
    }
}

    Thanks.

  •   reecedouglas replied privately
  •  8,847
    Tahir replied
    June 18, 2021 at 3:50pm

    Hey Again,

    Please remove the extra whitespace from the image and it should show up correctly: 

    2856486313.pngClick To Open Larger Image.

    Thanks 

    ThemeNectar Support Team 

  •  1
    reecedouglas replied
    June 18, 2021 at 3:56pm

    Hey Tahir,


    Everything is working perfecting except for the attached images on this particular template. On mobile view it is favouring the left hand side 

  •  8,847
    Tahir replied
    June 18, 2021 at 4:03pm

    Hey Again,

    Just corrected the CSS, so it only applies to the top level row and not others.

    9586685534.png

    Thanks 

    ThemeNectar Support Team