Previous Thread
Next Thread
Print Thread
Hop To
#259143 02/20/2017 11:47 AM
Joined: May 2008
Posts: 753
Likes: 1
Old Hand
Old Hand
Joined: May 2008
Posts: 753
Likes: 1
ok... I read that the site is supposed to be more mobile friendly when using 7.6.0 but I'm having issues with images not automatically fitting on mobile screens.

I tried using

HTML
<style>
img {max-width:100%}
</style>

and that sorta worked... it made my vanning.com logo tiny, but at least the forums fit on the screen now.

side effect of this however was the thread/post icons (unread/new posts icons) on the desktop view are so tiny you can't read them

I need some help in getting images to fit/resize correctly from desktop to mobile and back.


"No matter where you go, there you are."
"If you can't do something smart, Do something right"
"There are three kinds of people in the world, those who can count, and those who can't"
Joined: Apr 2004
Posts: 1,945
Likes: 145
UBB.threads Developer
UBB.threads Developer
Joined: Apr 2004
Posts: 1,945
Likes: 145
I posted this earlier this morning on another website -- mirroring it to here laugh

If this is your current header image code:
<img src="http://www.EXAMPLE.com/img.jpg" style="width:227px; height:112px;" alt="Hello World!">

To be mobile friendly (such as on Android or an iPhone), update the style tag to this:
<img src="http://www.EXAMPLE.com/img.jpg" style="width:227px; max-width:100%; height:auto;" alt="Hello World!">

The magic is that section which has been bolded


Current developer of UBB.threads PHP Forum Software
Current Release: UBBT 7.7.5 // Preview: UBBT 8.0.0
isaac @ id242.com // my forum @ CelicaHobby.com
Joined: May 2008
Posts: 753
Likes: 1
Old Hand
Old Hand
Joined: May 2008
Posts: 753
Likes: 1
I'm not having any luck with that.
the image doesn't change size

I used that code I listed above, but it effects everything on the site, which is nice for images that other people post, but it causes post/topic icons to be tiny.



"No matter where you go, there you are."
"If you can't do something smart, Do something right"
"There are three kinds of people in the world, those who can count, and those who can't"
Joined: Apr 2004
Posts: 1,945
Likes: 145
UBB.threads Developer
UBB.threads Developer
Joined: Apr 2004
Posts: 1,945
Likes: 145
You have a major typo in there shocked

This is what you currently have on your site:
<img src="/images/toplogo.gif" border="0" alt="Vanning.com logo"; max-width:100%; height:auto; />

This is what it should be for your site:
<img src="/images/toplogo.gif" border="0" alt="Vanning.com logo" style="width:750px; max-width:100%; height:auto;">


Current developer of UBB.threads PHP Forum Software
Current Release: UBBT 7.7.5 // Preview: UBBT 8.0.0
isaac @ id242.com // my forum @ CelicaHobby.com
Joined: May 2008
Posts: 753
Likes: 1
Old Hand
Old Hand
Joined: May 2008
Posts: 753
Likes: 1
ahh, thank you!

I'm not very good with style stuff.

that seems to work nicely.. still experimenting and testing things


"No matter where you go, there you are."
"If you can't do something smart, Do something right"
"There are three kinds of people in the world, those who can count, and those who can't"
Joined: Apr 2004
Posts: 1,945
Likes: 145
UBB.threads Developer
UBB.threads Developer
Joined: Apr 2004
Posts: 1,945
Likes: 145
There you go - You got it!

Looking good cool


Current developer of UBB.threads PHP Forum Software
Current Release: UBBT 7.7.5 // Preview: UBBT 8.0.0
isaac @ id242.com // my forum @ CelicaHobby.com
Joined: Apr 2004
Posts: 1,945
Likes: 145
UBB.threads Developer
UBB.threads Developer
Joined: Apr 2004
Posts: 1,945
Likes: 145
Since you are using Sharaholic, you should probably disable the Facebook/Tweet buttons. They duplicate the features of Sharaholic. When updating UBB.threads software for 7.6.0, I wasnt aware of that toggle setting even existing, so it didnt get updated to be mobile friendly. It will be updated in 7.6.1 if you choose to use it again instead of Sharaholic. But like I previously wrote, its a duplication of what Sharaholic already does.

Control Panel » General | Topic & Post Page Settings
Show Facebook "Like" Button -- uncheck the box
Show Tweet Button -- uncheck the box
Attachments
20170220_11-01-29.PNG


Current developer of UBB.threads PHP Forum Software
Current Release: UBBT 7.7.5 // Preview: UBBT 8.0.0
isaac @ id242.com // my forum @ CelicaHobby.com
Joined: May 2008
Posts: 753
Likes: 1
Old Hand
Old Hand
Joined: May 2008
Posts: 753
Likes: 1
except the shareaholic lets me share, whereas the built in button lets me like... I tend to use that feature more often


"No matter where you go, there you are."
"If you can't do something smart, Do something right"
"There are three kinds of people in the world, those who can count, and those who can't"

Link Copied to Clipboard
ShoutChat
Comment Guidelines: Do post respectful and insightful comments. Don't flame, hate, spam.
Recent Topics
spam issues
by ECNet - 03/19/2024 11:45 PM
Looking for a forum
by azr - 03/15/2024 11:26 PM
Editing Links in Post
by Outdoorking - 03/15/2024 9:31 AM
Question on barkrowler and the like
by Mors - 02/29/2024 6:51 PM
Member Permissions Help
by domspeak - 02/27/2024 6:31 PM
Who's Online Now
0 members (), 744 guests, and 147 robots.
Key: Admin, Global Mod, Mod
Random Gallery Image
Latest Gallery Images
Los Angeles
Los Angeles
by isaac, August 6
3D Creations
3D Creations
by JAISP, December 30
Artistic structures
Artistic structures
by isaac, August 29
Stones
Stones
by isaac, August 19
Powered by UBB.threads™ PHP Forum Software 8.0.0
(Preview build 20230217)