Yigit thanks for your help. This post originally was about header image (color section backgroung image). Since I wasn’t getting any solution so I used Layer Slider and fixed the responsiveness issue. This ticket can be closed now :)
Thanks Rikard for the hint! But when viewing the site on cell phone, the tree seem to be out of the screen. Is there any way I can use a custom CSS code to make that image responsive?
I figured that I’ll have to use something like the following
@media only screen and (min-width:1000px) and (max-width:1200px) { ##### { width:70% !important; } }
@media only screen and (min-width:768px) and (max-width:1000px) { ##### { width:65% !important; } }
@media only screen and (min-width:600px) and (max-width:768px) { ##### { width:60% !important; } }
But I can’t figure out which class or ID I should select.