No replies
pm4698
pm4698's picture
Offline
newbie
Greece
Last seen: 4 years 47 weeks ago
Greece
Timezone: GMT+2
Joined: 2015-11-25
Posts: 3
Points: 5

Hello there,

I have started using this joomla template for my website:

http://yootheme.com/demo/joomla/stage

If you can see the logic of the template, is to show one content per screen and there is a side menu with dots at the right of the screen to go to the next content.

If you see CSS of the first area (tm-fullscreen-a) you see that for the image there is the background-size:cover; property, but if you try to change the width of your browser you will see that is adaptable (ok by this!) but you miss some elements from the image. The advantage for me is that the image takes all the height so your content does not appear much blank, but i have issue with the image.

You can see example page here:
http://boxeat.gr/final/

Try to change the width of your browser and see the first image. I tried the background-size:contain; property which has the effect i need for the width, but the height is not filled for the screen. Could you please give some advice for the best solution for this?

Thank you in advance