I have an image that is 1920x1920 but want to contain its proportions and fit on a single full screen row. Currently, i cannot get it to scale to the screen's height and overflows above and below the viewable screen (1920x1080).
I've tried to insert height: auto; width:auto; to fit to the screens height but does not help. What else am i missing?
Column full screen row position is set to Full Height.
I hope you are having an awesome day and thanks for contacting us regarding your query.
You'll actually need to set the background-size to contain and the overflow to hidden.
Before setting the background size, however, try just setting overflow to hidden and see if that works.
The thing with this image is that you're trying to fit a square in a rectangle, so you will have overflow issues, but if you make the settings mentioned previously, you should be okay. If not, kindly provide me with a link so that I may have a closer look.
I have an image that is 1920x1920 but want to contain its proportions and fit on a single full screen row. Currently, i cannot get it to scale to the screen's height and overflows above and below the viewable screen (1920x1080).
I've tried to insert height: auto; width:auto; to fit to the screens height but does not help. What else am i missing?
Column full screen row position is set to Full Height.
Hi there,
I hope you are having an awesome day and thanks for contacting us regarding your query.
You'll actually need to set the background-size to contain and the overflow to hidden.
Before setting the background size, however, try just setting overflow to hidden and see if that works.
The thing with this image is that you're trying to fit a square in a rectangle, so you will have overflow issues, but if you make the settings mentioned previously, you should be okay. If not, kindly provide me with a link so that I may have a closer look.
I look forward to your reply
Cheers!