Make the website adapt to different screen sizes. Right now when you see your design in a bigger screen it stretches and your design is ruined. It would be nice if your design does not get ruined when you view the website in different size monitors.
Thank you for further help. I will definitely go through those and make use of those and I await the time when the video element is possible.
Thanks again for the prompt response!
No, unfortunately half the screen is not possible right now for video. You are able to do that with images though, and you could upload a gif. to get the video feel. To do that use the fluid grid gallery, we show it in the Webynars I sent you.
Please let me know if you have any more questions!
Thank you for the reply and the helpful links. They are very insightful. I actually wanted to have the video not across the entire width of the site but just half of the width. Is there any way I can place a video starting from the center and extending to the right edge of the site?
Our Video element has a "Fit to Width" option which you can enable. This will set the video to automatically load to the screen's width. It should fix the issue you are having.
Many of our elements have this feature. We recently had a Webinar covering them all, and showing you some neat tricks to use the elements in new ways.
I hope this helps!
The Webydo Team
Definitely having the same issues. I need a video to size properly as the screen size changes. For instance, the video that I want placed and extended to the right edge of my home page is appearing cut off on my MacbookPro while on my iMac 27" there is a blank white space to it's right, reducing the impact of the design. It would be ideal for content to adapt automatically to different screens no matter the device they are viewed on.
If you are using Fit to Width and it's not working properly please contact firstname.lastname@example.org so that we may inspect the site and make sure it's working properly.
Always be sure to include the SID as well.
The Webydo Team
I'm having the same issues, but what's worse is even on my own display with the same resolution and screen, everything will look correct while i'm designing, when I preview it, but as soon as I hit publish and view it from the URL, certain elements magically move around and are not where they are supposed to be even though I used the "fit to width" option.
Please see my post below.
For main elements such as images and text you should try and keep them within the default 960. That way nothing gets cut off when a user has a smaller screen.
However we also offer many elements that will adjust with screen sizes. All the info is found below.
How do we accommodate for both lower and higher resolution screens? If we keep the sizes to 960 you cant leverage higher resolution
We have many elements that will do this for you. They will adjust with the size of your browser.
There is a "fit to width" option available in the Design Panel.
Click this link for an image to help you: http://goo.gl/PIuM5j
The elements that have the fit to width option are:
Shapes with an image background
Gallery - Slide Show
Gallery - Full Width
Gallery - Fluid Grid
Gallery - Fixed Grid
Gallery - Image Rotator
Gallery - Logo Rotator
Gallery - Thumbnails
When using elements that do not have the fit to width options, such as text boxes just be sure to keep the text boxes within your site boundaries. We also recommend keeping the site size at the default 960px. That way, smaller monitors will not cut off any text outside the boundaries.
I hope this helps.
The Webydo Team
Support & Training Manager
Elias Bello commented
Same Here, I need to have my website on like an auto adaptability.
YES! I am dealing with this right now! My client uses a resolution of 1024x768 and so much of the site design is cut off on her monitor!