Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #915754

    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!

    #915869

    Hey mcristina959,

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

    Best regards,
    Rikard

    #916382

    Of course!

    Thank you!

    • This reply was modified 7 years, 3 months ago by mcristina959.
    #916575

    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

    #916799

    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!

    #917634

    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

    #918071

    Hi,

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

    Thanks

    #918262

    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

    #919284

    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

    #919368

    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

    #919785

    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!

    #920153

    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

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