Mobile view of homepage images

Posted in: Newspaper
Post count: 12
Lanell
#29724
Dec 5, 2014 at 12:40 am

Hi,

On the Phone, in mobile view: How do I get our homepage images to act like the images in the Demo? We are using Block 9. In the Theme Demo on mobile, the images are large and above the text. On ours in mobile the images are tiny thumbs and pushed to the left of the text.

Examples of Demo mobile and our mobile

Thanks for your help!

best,
– Lanell

Post count: 9544
simchris
#29728
Dec 5, 2014 at 1:20 am

Two totally different modules being used.

Not sure if you can have one module on desktop and totally different module on mobile.

But Marius or Lucian will have more cogent reply.

Post count: 12
Lanell
#29736
Dec 5, 2014 at 6:38 am

Hmm. I thought the “Latest Posts” being used on the Theme homepage was the same as our “Latest News”? Maybe there is a way to hide the photo on mobile if there isn’t a way to get the photos larger. Thanks Chris!

Post count: 6600
Lucian
#29806
Dec 5, 2014 at 4:42 pm

Hi,

Try this css to have the images like this on mobile view: http://screencast.com/t/963cgPNrcAIa

@media (max-width: 767px){

.td_mod8 .item-details {
margin-left: 0px !important;
top: 15px !important;
}

.td_mod8 .thumb-wrap img {
max-height: 100%;
max-width: 100%;
width: 100%;
position: relative;
}
}

Hope this helps!

Thanks

Post count: 12
Lanell
#29831
Dec 5, 2014 at 11:48 pm

Perfect! Thanks Lucian.

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.