Responsive Theme and images on home CMS page

[PiterKa]

I have installed CMS on home page module for my responsive theme. Everything looks fine when you access page from computer, but when I try to open the page on tablet, images are not getting resized and the page looks ugly. Could you please advice, how this should be done to respect responsive theme requirements ? I'm not familiar with responsive themes and this is quite new to me.

[vekia]

hello

 

i checked your website but i can't localize cms on homepage,

this is how it looks for me:

[PiterKa]

CMS on homepage is three images located under the slider. So I have no text but I want to use images with links to make homepage more custom.

[vekia]

ok, thanks,

in this case you have to use media queries also for these images.

you need to define css styles for mobile devices. (the same as for other elements, you can just copy styles and apply them to these images)

[PiterKa]

ok, thanks,

in this case you have to use media queries also for these images.

you need to define css styles for mobile devices. (the same as for other elements, you can just copy styles and apply them to these images)

 

Thank you for your reply, if you have a tutorial you could refer to me, I would appreciate, or I will just google and try to see how this should be defined.

[vekia]

@media only screen and (max-width: 767px) and (min-width: 480px)

.BLOCK_NAME {
styles
like
width
height
here
}

these styles are for tablets just define own styles for these blocks

[PiterKa]

 

@media only screen and (max-width: 767px) and (min-width: 480px)

.BLOCK_NAME {
styles
like
width
height
here
}

these styles are for tablets just define own styles for these blocks

 

Thank you !

[vekia]

now looks much better

 

one thing:

 

change css styles for Nasz Wybór - width:100%; clear:both; display:block;

 

after these changes:

[PiterKa]

I was thinking, if I could place four sliders modules (responsive) 200x200 under main slider then I would make it easy to mange. Is it possible to place four sliders on one page in one row ?

[vekia]

in front office almost everything is possible,in this case - only with css / tpl file code modifications

[Slumdog]

Hi vekia,

 

Please tell me how can I use responsive images in "Details" of the product. I have a project where the customer used images inside Product details section and on mobile devices those images are not responsive...

I have to use the same method with css?? I dont' want to disappear those images on mobile. i want them to resize...

 

Thank you.

[vekia]

to image, if theme is based on bootstrap add class 'img-responsive'

 

class="img-responsive"

[Andrea Tanda]

to image, if theme is based on bootstrap add class 'img-responsive'

 

class="img-responsive"

Hi. I did as you suggested for an image in my CMS block, putting "responsive" attribute in html code, but image is still almost hidden (see attachment). Any suggestion? 

Thanx