Small screen view

Posted in: Newspaper
Post count: 55
saibharath
#44560
Apr 10, 2015 at 4:26 pm

Hi,

Needed to change the alignment of image and title for small as in the image http://www.screencast.com/t/zzAschkH3IQ5

Currently i am getting in this view for the “Block 6” module
http://www.screencast.com/t/cvNOfPRoBFa\

Let it be as it is in large screen(as default Block6 format), needed changes in small screen

my site: http://www.storydunia.com

Thanks
Bharath

Post count: 7909
Alin [tagDiv]
#44564
Apr 10, 2015 at 4:53 pm

Hi,

Please try this custom css (it will apply only for your home), if you want to apply on all pagese just remove .home class: http://screencast.com/t/Hsf0yrhiT

@media (max-width: 767px){
.home .td_block6 .td_mod9 .thumb-wrap img {
position: relative;
height: auto;
width: 50%;
vertical-align: middle;
}
.home .td_block6 .td_mod9 .thumb-wrap {
text-align: center;
}
.home .td_block6 .td_mod9 .item-details {
margin-left: 20px;
}
.home .td_block6 .td_mod9 .thumb-wrap img {
max-height: none;
max-width: none;
margin-bottom: 10px;
}
}

Try to use !important if some code is not applied.

Thanks!

Post count: 55
saibharath
#44575
Apr 10, 2015 at 5:54 pm

Hi

its working fine, but i want to hide the continue button on the small scree and large screen

Thanks

Post count: 1291
Emil G
#44700
Apr 13, 2015 at 12:55 pm

Hi,

Try the following css:

/* hide on desktop */
@media (min-width: 1200px){
.home .td-page-wrap .td-grid-wrap .span8 .td_block6 .item-details .td_read_more {
display: none;
}}
/* hide on mobiles */
@media (max-width: 767px){
.home .td-page-wrap .td-grid-wrap .span8 .td_block6 .item-details .td_read_more {
display: none;
}}

Thank you, Emil G.

  • This reply was modified 11 years by Emil G.
Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.