Blog Posts on Index-3.html

[Support]

hcanning:
“Really good template but for home design 3 are the latest blog posts columns supposed to show 6 squashed narrow columns on iPad and similar screen resolutions. Looks really weird. I suspect a design bug. – See screenshot here http://www.tiikoni.com/tis/view/?id=7357180”

---

[Support]

There is a bug on the Index-3.html page related to the Blog Posts, to fix that problem, please use the following HTML: (*The problem will be fixed on version 2.8):

<section class="footer">
	<div class="container">
		<div class="row">

			<hr class="tall">

			<div class="col-md-12">
				<div class="recent-posts">
					<h2>Latest <strong>Blog</strong> Posts</h2>
					<div class="owl-carousel owl-carousel-spaced" data-plugin-options='{"items": 4, "singleItem": false, "autoHeight": true}'>
						<div>
							<article>
								<div class="date">
									<span class="day">15</span>
									<span class="month">Jan</span>
								</div>
								<h4><a href="blog-post.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <i class="icon icon-angle-right"></i></a></p>
							</article>
						</div>
						<div>
							<article>
								<div class="date">
									<span class="day">12</span>
									<span class="month">Jan</span>
								</div>
								<h4><a href="blog-post.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <i class="icon icon-angle-right"></i></a></p>
							</article>
						</div>
						<div>
							<article>
								<div class="date">
									<span class="day">15</span>
									<span class="month">Jan</span>
								</div>
								<h4><a href="blog-post.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <i class="icon icon-angle-right"></i></a></p>
							</article>
						</div>
						<div>
							<article>
								<div class="date">
									<span class="day">15</span>
									<span class="month">Jan</span>
								</div>
								<h4><a href="blog-post.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <i class="icon icon-angle-right"></i></a></p>
							</article>
						</div>
						<div>
							<article>
								<div class="date">
									<span class="day">12</span>
									<span class="month">Jan</span>
								</div>
								<h4><a href="blog-post.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <i class="icon icon-angle-right"></i></a></p>
							</article>
						</div>
						<div>
							<article>
								<div class="date">
									<span class="day">15</span>
									<span class="month">Jan</span>
								</div>
								<h4><a href="blog-post.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <i class="icon icon-angle-right"></i></a></p>
							</article>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

Please let me know if you have any questions.

Thanks.

---

[Author]

Posts