Header Image Responsive

DCND
23 Posts
DCND posted this 22 November 2014

I have a question. I was wondering how to do this in themler I know how to accomplish this in CSS and in the HTML code but was wondering if there was a easy way to do in themler, I tried a few things and could not get to work.

I want to have say a full size header image that fits the whole page, say 1170px sheet but I want it to be responsive automatically as I scale down. I tried a Logo and a picture and a header background image and all did not work right at all. I did not look super hard at the options but wondered if there was an easy way to do this?

Thanks
Brian

I have a question. I was wondering how to do this in themler I know how to accomplish this in CSS and in the HTML code but was wondering if there was a easy way to do in themler, I tried a few things and could not get to work. I want to have say a full size header image that fits the whole page, say 1170px sheet but I want it to be responsive automatically as I scale down. I tried a Logo and a picture and a header background image and all did not work right at all. I did not look super hard at the options but wondered if there was an easy way to do this? Thanks Brian
header responsive responsive-image
Vote to pay developers attention to this features or issue.
1 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 24 November 2014

Hello

Please try using Image control for this. You should place it outside any other control. In this case you will see the Image's Length option which allows to make this image Full Page:

full-page-image.png

The change it's width to "100%" and height to "auto".
Please note that you will not be able to place any other control inside this control.

The background image works in a different way. it's scales depending on its container(div) by width, height, or both.

Thank you,
Olivia

Hello Please try using Image control for this. You should place it outside any other control. In this case you will see the Image's Length option which allows to make this image Full Page: !full-page-image.png! The change it's width to "100%" and height to "auto". Please note that you will not be able to place any other control inside this control. The background image works in a different way. it's scales depending on its container(div) by width, height, or both. Thank you, Olivia
full-page-image.png
You must log in or register to leave comments