cancel
Showing results for 
Search instead for 
Did you mean: 

how to add responsive vertical column to home page?

how to add responsive vertical column to home page?

Hi everyone.

 

I wanted to add responsive vertical column to the home page cms area but I could not do it.

where I can have 3 mages in vertical so that in desktop it would be seen as 3 images in one vertical  line but in the mobile it should be seen below horizantaly.

 

PLEASE KINDLY HELP.

 

Thanks in advance.

 

Untitled.png

1 REPLY 1

Re: how to add responsive vertical column to home page?

Make sure that the width of the element is set to 100%, which will allow for fluid movement.

 

The images can either be a fixed width, which will drop down lines with browser window scalling, or you can set the images to have a width of 100% for mobile CSS. A general example would be as follows with 490px representing mobile view.

@media (max-width:490px) {
.yourdiv img {
width:100%
}
}