Hello admin,have a nice day.Hope you are well.
I’m new in new in Word press and made a website..But I am in a trouble which that slider post not showing in mobile phone.(Red marked).
Any expert here who can help me? Thank you for your time.
theme code here:
screenshot 1 desktop view:
screenshot 2 mobile view :
!
*/
/ Mobile & Tablet Styles /
/*/
/ Large desktop /
@media (min-width: 1200px) { }
/ Portrait tablet to landscape and desktop /
@media (min-width: 768px) and (max-width: 979px) {
body { margin: 0px 10px;}
input#s { width: 175px;}
mainCarousel .carousel-inner > .item > .content, .the-post .content { width: 51.1006%; }
mainCarousel .carousel-inner > .item > a, .the-post .thumb { width: 47.1698%;}
.the-post .cat-post-list, .wishlist-post .wish-post-list, .post-list { margin: 0px 20px 0px 30px;}
.post-list li { margin-right: 20px;}
.search-results .post .post_thumb { margin: 0 auto 5px auto;width: 236px;}
post-sidebar.right{margin-left: 5px;}
.widget_popularproducts ul li a, .widget_newestproducts ul li a {width: 110px; height: 93px;}
footer {width: 100%; }
footer-wrapper {margin-top: 1em; padding: 0.625em 1.6%; }
}
/ Landscape phone to portrait tablet /
@media (max-width: 767px) {
body { margin: 0px;}
input#s { width: 175px;}
form {margin-left: 10px; margin-right: 10px;}
.site-header hgroup { min-height: 110px}
site-navigation, #post-navigation { position: relative;text-align: center;}
site-navigation ul { margin-bottom: 2px;}
.site-header hgroup { padding: 0px;}
.the-post .content { width: 51.1006%; }
.the-post .thumb { width: 39.16%;}
.the-post .content { float: left;}
.the-post .description,.the-post #comments,.the-page #description,.the-page #comments { margin-right: 10px;}
.the-page #comments { width: 95%;}
.post {height: auto;}
.post .post_thumb { margin: 0 auto 5px auto;}
.post .description {height: auto; margin-bottom: 5px;}
.post-list,.wishlist-post,.cat-post-list {text-align: center;}
.posts-wrapper .thumbnails a {width: 145px; height: 121px;}
post-sidebar.right{margin-left: 0px;}
.posts-wrapper .the-post {margin-left: 5px !important; }
.wishlist-post .share-wishlist {width: 88%;}
.widget_popularproducts ul, .widget_newestproducts ul {padding: 0px 5px;}
.widget_popularproducts ul li a, .widget_newestproducts ul li a {width: 110px; height: 93px;}
footer {width: 100%; }
footer-wrapper {margin-top: 1em; padding: 0.625em 1.6%; }
}
@media (max-width: 480px) {
h2 {font-size: 24px;line-height: 24px;}
.site-header hgroup { min-height: 100px}
.site-title{ font-size: 28px;}
.site-description {font-size: 14px; line-height: 14px;}
.the-page #comments { width: 93%;}
.posts-wrapper .the-post.wishlist-post {margin-left: 0px !important;}
.wishlist-post .archive-title {font-size: 24px; line-height: 24px;}
.wishlist-post .share-wishlist {width: 84%;}
Thanks,
Msabbir