Okay thanks!
I will try those and see what happens!
Thank you for your quick reply!
When i try to edit the photo i can see it, but when i save it and check again its missing still
If you have some tips on this one thanks 🙂
I’ve tried to search the web on this one but no answers or same problems..
My other friend user is also as an admin on the page but still no pictures showing.
Thanks!
Yes i made the corrections to the 479 px @media and it was okay! I checked the } -mark and its okay..
I still have problem with this video Play button showing up on the right http://www.screencast.com/t/UYEF9Wbi5s
And also i didnt get the 4) part made : 4) My mobile shows homepage post images too large, more than full screen size. How can i make these smaller, maybe like this, just on the mobile landscape mode ? http://www.screencast.com/t/MVr7oxewTjZO
Because now its like this, and you have to scroll really hard down to see the title and excerpts : http://www.screencast.com/t/qvljiAW0NY2 .
Thanks for your help, but how come some of my @media is still working with out 2 } – marks ?
Hi!
And thank you for your help!
The first one worked great for me, thanks for that, but when i flip the ipad from portrait mode to landscape the play icon leaves to the side from the sidebar like this : http://www.screencast.com/t/UYEF9Wbi5s
This is the full mobile css that i have added now:
@media (max-width: 767px) {
.wpb_widgetised_column {
display: none;
}
@media (max-width: 767px) {
.td-main-sidebar {
display: none !important;
}
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
.td_mod8 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}
.td_mod8 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
}
@media(max-width:479px){
.home .td_block_big_grid{
display: none;
}
.home .td-grid-wrap {
padding: 0px !important;
}
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}
@media (max-width: 767px) {
.td_mod8 .meta-info,
.td_mod8 .td-post-text-content {
display: none;
}
.td_mod8 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}
.td_mod8 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
@media (max-width: 767px) { #td-top-search { position: absolute!important; right: 13px!important; top: 0px!important;
}
.header-search-wrap .dropdown-menu:before { left: auto!important; right: 31px!important;
}
.header-search-wrap .dropdown-menu { right: -14px!important; left: auto!important; top: 49px!important; width: 320px!important;
}
.mobile-logo-wrap img { width: 170px; position: absolute; left: 0; top: -3px; margin-left: auto; margin-right: auto;
}
}
@media (min-device-width : 375px)(max-device-width : 667px)(orientation : landscape){
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;}
@media (min-width : 375px) and (max-width : 667px) and (orientation : landscape){ .single img{ max-width: 50%; } .td-post-featured-image{ text-align: center; } }
Thank you for your advice, but i ment the gap in the mobile view. Sorry, i think i forgot to mention that properly.
I made a totally new topic for all my problems now 🙂 thanks for all
If you have some advice for me you can visit : https://forum.tagdiv.com/topic/ipad-and-mobile-homepage-post-image-size-problems/
Thank you so much for your help !
Hi!
Thanks for the help, it really helped me!
I just can’t get the iphone landscape homepage post pictures smaller, they fill my whole iphone 6 screen. What css should i add according to this http://stephen.io/mediaqueries/#iPhone .
I would normally allow the Big slider also in the portrait mode but there is some kind of big space between the menu and the big slider, do you know how to help me with this one ? or do i just make a new topic
thank you so much for your help!
I know that this may not be the right topic to discuss this about, but how can i get my post images smaller on the iphone landscape mode. Because on the portait mode the post pictures are good
I deleted that previous code for now.
Hi!
i tried this one, but the search logo just keeps on the left?
Any suggestion? this code below worked for the logo to the center
@media (max-width: 767px) {
.mobile-logo-wrap img {width:170px;position:absolute;left:0;top:-3px;margin-left:auto;margin-right:auto;}
}
it suddenly started working. No worries 🙂
Okay i’ll wait the 5 versin. Thank you!
What i mean by that, is that how can I control the backround color of the big slider ? Like in the this link : http://www.screencast.com/t/tFz5ZHWII
I cant do it with Homepage with article list
Thanks.
Yes i did it, but i can’t use it cause the Big Slider backround remains white! I can’t change the whole backround color of the big slider or add picture to the backround. It only allows me to do it in article list + BG.
Ok thanks!
I have this problem there? How can i change the big slider backround or make it transparent ?
I was able to do it in the homepage with article list + BG but not with this one
Thanks again!