General discussion
Admin,is it possible to showing slider post (mareked) in mobile phone?

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:

5d8a672f75bbd

screenshot 2 mobile view :

5d8a62a84e68e !

*/
/ 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

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: ![5d8a672f75bbd](serve/attachment&path=5d8a672f75bbd) screenshot 2 mobile view : ![5d8a62a84e68e](serve/attachment&path=5d8a62a84e68e) ! *************************************************************************/ /* 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

MR

edited Sep 24 at 7:58 pm
35
0
1
live preview
enter atleast 10 characters
WARNING: You mentioned %MENTIONS%, but they cannot see this message and will not be notified
Saving...
Saved
With selected deselect posts show selected posts
All posts under this topic will be deleted ?
Pending draft ... Click to resume editing
Discard draft