one row content

[Yahya]

when my window size is minimized to 768px width every row's columns are put under each other I making a mobile version for homepage and I do not want my rows to be split into more rows

[H.K. Latiyan]

Sorry this is a limitation in the theme, because we use bootstrap grid in our theme. Our full theme is designed on bootstrap, this is the reason our theme is responsive. So when space is less then the row splits in two or three accordingly.

[Yahya]

is not the word responsive is supposed to mean that the website will look good whatever the resolution of the screen the user is using ? my rows are not split because the space is not enough for the content, it is split whatever the size of the content I use when the window width is 768px this is unacceptable at all, I need two photos to stay in one row when viewed on mobile, it is very important, what to do ? please guide me

[H.K. Latiyan]

OK the best possible way of doing this is, you add your html content in the pagebuilder content in TEXT mode. Write the html code like this: <div class="row"> <div class="col-xs-6"> <img class="alignnone size-full wp-image-2741" src="http://localhost/wplms2/wp-content/uploads/2016/03/3-1.jpg" alt="3" width="480" height="360" /> </div>   <div class="col-xs-6"> <img class="alignnone size-full wp-image-2741" src="http://localhost/wplms2/wp-content/uploads/2016/03/3-1.jpg" alt="3" width="480" height="360" /> </div> </div> In this code you can replace the image src attribute to your image src (url).  

[Author]

Posts