Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review

file News Title & Intro Not showing on Ipad & Mobile

More
10 years 7 months ago #3247 by liltrig3
News Title & Intro Not showing on Ipad & Mobile was created by liltrig3
Thank for helping me solve all my other issues.
i will like you to take a look at sportsxtraonline.com

First look at it on a PC, then on an Ipad or a smartphone. The wider thumbnails(305px x 130px)do not display the news title and intro, on Ipads and mobile but the small thumbnails (100 x 100)display as expected on PC, Tablets and smartphone.

Any idea as to what is causing this?

Please Log in or Create an account to join the conversation.

More
10 years 7 months ago #3248 by admin
Replied by admin on topic Re: News Title & Intro Not showing on Ipad & Mobile
Hello again,
sorry to make you do all these manipulations...

I have looked at your issue and it is not a desktop/mobile related problem but rather a browser-related problem. You ahe the same issues on the desktop for some browsers.

What happens is you are 'stretching' the way the module was intended for. It was not intended to allow full width images with the text under the image. Although perfectly acceptable, you need some extra CSS in order to make it work. Some browsers do correct the CSS issues themselves, some are not, that is why you have differences.

Just add
.infoleft { float: left; }
to fix this.
Olivier.

Please Log in or Create an account to join the conversation.

More
10 years 7 months ago #3249 by liltrig3
Replied by liltrig3 on topic Re: News Title & Intro Not showing on Ipad & Mobile
Hi Oliver ,

Thanks again for the quick response. which file and Where exactly in the file should i add this code.

Please Log in or Create an account to join the conversation.

More
10 years 7 months ago #3250 by admin
Replied by admin on topic Re: News Title & Intro Not showing on Ipad & Mobile
No problem!
Just add this to one of your template's CSS. I cannot tell you which one since I don't know which template you are using.
Just go to the template manager -> Templates -> your template details and files.
Usually you can add your code to general.css or template.css
Olivier.

Please Log in or Create an account to join the conversation.

More
10 years 7 months ago #3251 by liltrig3
Replied by liltrig3 on topic Re: News Title & Intro Not showing on Ipad & Mobile
Thanks again.

I did that and it affects the 100x100 thumbnails too. it forces the Title and the intro under all thumbnails.

What worked was i reduced the wider thumbnails(305px x 130px) to (300px x 130px) and selected the wrap option.

Would love to have a css fix though that does not affect the smaller thumbnails.

Thanks once again for all the help. You are super

Please Log in or Create an account to join the conversation.

More
10 years 7 months ago - 10 years 7 months ago #3252 by admin
Replied by admin on topic Re: News Title & Intro Not showing on Ipad & Mobile
The easy way to do this was just to add the module prefix like:
.latestnewsenhanced_45 .infoleft,
.latestnewsenhanced_46 .infoleft { float: left; }
for all modules requiring the fix with ids 45, 46 ... (numbers are just an example)
Olivier.
Last edit: 10 years 7 months ago by admin.

Please Log in or Create an account to join the conversation.