3 replies [Last post]
thanili
thanili's picture
Offline
newbie
Last seen: 5 years 37 weeks ago
Timezone: GMT+2
Joined: 2014-02-27
Posts: 1
Points: 2

Guys,

check here:

http://www.gv4r.com/index.php?lang=en

This is the default protostart template of joomla 3. I have tested in various mobile devices and HTML/CSS seem to work. No breaks at all.

BUT when page loads in a mobile device, it does not re-fit to its window (screen resolution).

How can i make it fit to window (resize) on mobile devices?

antonietta89
antonietta89's picture
Offline
newbie
Italy
Last seen: 5 years 37 weeks ago
Italy
Joined: 2014-02-27
Posts: 1
Points: 1

Hi, this template is not

Hi, this template is not responsive. To make it so you need to add media queries at the bottom of your stylesheet. To know more about media queries try this tutorial:

https://www.youtube.com/watch?v=aPtA4nYkvDw

or browse google for responsive design tutorial or media queries tutorial.

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 3 years 15 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

contain

I have been playing around with a similar kind of slider program called: Revolution slider for Wordpress.
I wanted to make it hover whenever I moved my cursor over this slider, this was fairly easy, but the background image being used for this hover didn't resize with my screen.

I solved the problem by adding the following css code to this slider:
background-size:contain;

This small line will keep your whole image (in your case slider or multiple images) inside your div, meaning whenever you resize and make your div bigger or smaller the images inside will also automatically resize.

Hope this works for your problem as well, let us know Smile

Check Maximum Webdesign for your online solutions

senju
senju's picture
Offline
newbie
Last seen: 5 years 33 weeks ago
Timezone: GMT+5.5
Joined: 2014-03-27
Posts: 1
Points: 1

SMS API

SMS API
Thanks for the information regarding mobile. You provided food for thought. Thanks for sharing the information. All the best to you.