Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 21, 2018 at 10:56 pm #915754
    mcristina959

    Hi,

    I am using the fullsize slider with a video. I am able to set the video to full size and it takes over the whole width of the screen which is actually what I am looking to do but I would like to be able to set the vertical position. In other words I want the visible area to start on the very top of the video rather than placing it on the vertical center.

    Do you have any suggestions as to how I can accomplish this?

    Thank you so much!

    February 22, 2018 at 5:09 am #915869
    Rikard

    Hey mcristina959,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    February 22, 2018 at 11:00 pm #916382
    mcristina959

    Of course!

    Thank you!

    • This reply was modified 7 years, 3 months ago by mcristina959.
    February 23, 2018 at 11:00 am #916575
    Victoria

    Hi mcristina959,

    Do you mean that you want header transparency or you want the video a bit zoomed out? Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    February 23, 2018 at 7:18 pm #916799
    mcristina959

    well no. In the area where the video shows up. The visible area of the video starts at about 1/3 of the video on the vertical position. i want it to display the video from the very top, so that the part that gets cut off is on the bottom. Or to be able to set the postitioning on the top.

    I am not sure if I am explaining correctly…

    If you look at the page right now you get the logo, underneath the mobile menu. Underneath the slider where the video has been stretched out to display full width but the height gets enlarged too and the video area displays the video cut off on the top. I want to lower the video to be visible from the very top on the visible area.

    Let me know if that makes more sense.

    Also, any quick way I can get the logo to stay center and the menu to flush right? such combination is not on the options. Thank you!

    February 26, 2018 at 3:21 am #917634
    Ismael

    Hi,

    Thank you for the info. Please add this code in the Quick CSS field.

    #top .avia-builder-el-0 .av-element-cover video {
    top: 0;
}

    The bottom part of the video will get cut off a bit.

    Best regards,
    Ismael

    February 26, 2018 at 11:02 pm #918071
    mcristina959

    Hi,

    I tried adding the code you provided jet I dont see any improvements. Any other suggestions?

    Thanks

    February 27, 2018 at 8:03 am #918262
    Nikko

    Hi,

    Try adding !important on Ismael’s code, it should look like this:

    #top .avia-builder-el-0 .av-element-cover video {
    top: 0 !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    February 28, 2018 at 9:23 pm #919284
    mcristina959

    Great! That did the trick.

    Thank you so much!

    One last thing Any chance someone can tell me how to get the menu little icon to show up on the very far left while keeping the logo on the center?

    Thank you once again

    March 1, 2018 at 5:31 am #919368
    Nikko

    Hi,

    You’re welcome, can you try adding this css code in Quick CSS:

    .av_minimal_header #header_main_alternate {
    position: absolute !important;
    top: 0 !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    March 1, 2018 at 6:16 pm #919785
    mcristina959

    Thank you!

    I did but nothing changed. I am actually trying to get the menu Icon on the top right. I am currently at the setting Logo Center, menu below. Not sure if it is easier to select Logo Left, Menu Right and relocate the logo to the center.

    I was able to accomplish that with the following code on the Logo Left, Menu Right Config

    .inner-container .logo
    {
    margin-top:15px;
    margin-bottom:10px;
    left: 50%; !important;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    }

    but then on the mobile version the Logo was not working properly on mobile devices.

    Let me know your thoughts.

    Thank you!

    March 2, 2018 at 8:17 am #920153
    Nikko

    Hi,

    I see, please remove the code if it’s causing issues, please try to remove the code I gave previously and replace it with:

    #top #header #header_main_alternate {
    position: absolute !important;
    top: 10px !important;
}

    Let us know if this works, flushing out cache and clearing browser cache might also help.

    Best regards,
    Nikko

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