Design/responsive body

css/responsive.css

@@ -388,6 +388,10 @@
 		bottom: 40%;
 	}
 
+	.collection-thumb-block .collection-thumb-hover .collection-thumb-title-wrapper .collection-thumb-title {
+		font-size: 18px;
+	}
+
 	.widget_featured_posts_block .tg-column-wrapper .tg-column-3 {
 		display: inline-block;
 		float: none;
@@ -406,7 +410,7 @@
 	.tg-column-wrapper .tg-column-4 {
 		float: left;
 		margin: 0 0 2% 2%;
-		width: 48%;
+		width: 46%;
 	}
 
 	#top-footer .tg-column-wrapper .tg-column-4 {
@@ -502,6 +506,12 @@
 	}
 }
 
+@media only screen and (min-width: 601px) and (max-width: 768px) and (orientation: landscape) {
+	.collection-thumb-block .collection-thumb-hover .collection-thumb-title-wrapper .collection-thumb-title {
+		font-size: 17px;
+	}
+}
+
 @media (max-width: 600px) {
 	.tg-column-wrapper .tg-column-2,
 	.tg-column-wrapper .tg-column-3,
@@ -519,6 +529,14 @@
 		margin: 0px auto;
 	}
 
+	.blog-section .tg-column-wrapper .tg-column-3 {
+		border-bottom: 1px solid #e1e1e1;
+	}
+
+	.blog-section .entry-btn {
+		margin-bottom: 20px;
+	}
+
 	.slider-caption-wrapper .slider-title {
 		font-size: 25px;
 	}
@@ -655,3 +673,9 @@
 		width: 100%;
 	}
 }
+
+@media (max-width: 400px) {
+	.entry-meta span {
+		margin: 10px 2px 10px 0;
+	}
+}

inc/widgets/class-estore-featured-posts-carousel-widget.php

@@ -156,7 +156,7 @@ function widget( $args, $instance ) {
 							</figure>
 							<div class="featured-content-wrapper">
 								<h3 class="featured-title"> <a title="<?php the_title_attribute(); ?>" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
-								<a href="<?php the_permalink(); ?>" class="single_add_to_wishlist" ><?php esc_html_e('Read More','estore'); ?><i class="fa fa-heart"></i></a>
+								<a href="<?php the_permalink(); ?>" class="single_add_to_wishlist" ><?php esc_html_e('Read More','estore'); ?></a>
 							</div><!-- featured content wrapper -->
 						</li>
 					<?php

inc/widgets/classs-estore-logo-widget.php

@@ -121,14 +121,14 @@ function widget( $args, $instance ) {
 		echo $before_widget; ?>
 
 		<div class="tg-container">
-			<div class="tg-column-wrapper">
+			<div class="tg-column-wrapper clearfix">
 				<?php if ( ! empty( $title ) ) { ?>
 					<?php echo $before_title . esc_html( $title ) . $after_title; ?>
 				<?php }
 
 				$output = '';
 				if ( ! empty( $image_array ) ) {
-					$output .= '<div class="tg-column-wrapper">';
+					$output .= '<div class="tg-column-wrapper clearfix">';
 					for ( $i = 1; $i < 6; $i ++ ) {
 						$j                  = $i - 1;
 						$attachment_post_id = attachment_url_to_postid( $image_array[ $j ] );

readme.txt

@@ -94,6 +94,14 @@ If you want the theme to be translated into your language, feel free to contribu
 /**********************************************************/
 
 == Changelog ==
+= Version 1.4.8 - TBD =
+* Tweak - Remove vertical line appearing on TG:Featured Posts section when comment is closed.
+* Tweak - Add horizontal line between blog posts in mobile view on the TG:Featured Posts section.
+* Tweak - Manage blog post meta data in mobile view on TG:Featured Posts section.
+* Tweak - Remove heart icon from read more button on TG: Category Carousel.
+* Tweak - Align text and decrease font size in mobile and iPad, in portrait and landscape orientation on TG: Horizontal Promo WC category.
+* Tweak - Product list not displaying properly in iPhone 6-8 landscape on TG: Product Grid.
+
 = Version 1.4.7 - 2020-04-18 =
 * Enhancement - Removed angle down fav icon from login link.
 * Fix         - Customizer not loading due to header top bar activate callback.

sass/theme/blog/_blog.scss

@@ -112,6 +112,13 @@
 		margin-left: 0px;
 		padding-left: 0px;
 	}
+	span.comments-link span {
+		color: #787878;
+		border-left: none;
+		margin: 0;
+		font-size: 11px;
+		padding-left: 0;
+	}
 }
 
 article {

style.css

@@ -3393,6 +3393,14 @@ body {
 	padding-left: 0px;
 }
 
+.entry-meta span.comments-link span {
+	color: #787878;
+	border-left: none;
+	margin: 0;
+	font-size: 11px;
+	padding-left: 0;
+}
+
 article {
 	border-top: 1px solid #e4e4e4;
 	margin-top: 40px;