
-
AuthorPosts
-
February 21, 2018 at 10:56 pm #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!
February 22, 2018 at 5:09 am #915869Hey mcristina959,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
RikardFebruary 22, 2018 at 11:00 pm #916382February 23, 2018 at 11:00 am #916575Hi 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,
VictoriaFebruary 23, 2018 at 7:18 pm #916799well 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 #917634Hi,
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,
IsmaelFebruary 26, 2018 at 11:02 pm #918071Hi,
I tried adding the code you provided jet I dont see any improvements. Any other suggestions?
Thanks
February 27, 2018 at 8:03 am #918262Hi,
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,
NikkoFebruary 28, 2018 at 9:23 pm #919284Great! 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 #919368Hi,
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,
NikkoMarch 1, 2018 at 6:16 pm #919785Thank 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 #920153Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.