Previous Thread
Next Thread
Print Thread
Hop To
#259143 02/20/2017 11:47 AM
Joined: May 2008
Posts: 741
Likes: 1
Old Hand
OP Offline
Old Hand
Joined: May 2008
Posts: 741
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,837
Likes: 110
UBB.threads Developer
Offline
UBB.threads Developer
Joined: Apr 2004
Posts: 1,837
Likes: 110
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 // Work In Progress: soon
isaac @ id242.com // my forum @ CelicaHobby.com
Joined: May 2008
Posts: 741
Likes: 1
Old Hand
OP Offline
Old Hand
Joined: May 2008
Posts: 741
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,837
Likes: 110
UBB.threads Developer
Offline
UBB.threads Developer
Joined: Apr 2004
Posts: 1,837
Likes: 110
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 // Work In Progress: soon
isaac @ id242.com // my forum @ CelicaHobby.com
Joined: May 2008
Posts: 741
Likes: 1
Old Hand
OP Offline
Old Hand
Joined: May 2008
Posts: 741
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,837
Likes: 110
UBB.threads Developer
Offline
UBB.threads Developer
Joined: Apr 2004
Posts: 1,837
Likes: 110
There you go - You got it!

Looking good cool


Current developer of UBB.threads PHP Forum Software
Current Release: UBBT 7.7.5 // Work In Progress: soon
isaac @ id242.com // my forum @ CelicaHobby.com
Joined: Apr 2004
Posts: 1,837
Likes: 110
UBB.threads Developer
Offline
UBB.threads Developer
Joined: Apr 2004
Posts: 1,837
Likes: 110
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

Attached Images
20170220_11-01-29.PNG

Current developer of UBB.threads PHP Forum Software
Current Release: UBBT 7.7.5 // Work In Progress: soon
isaac @ id242.com // my forum @ CelicaHobby.com
Joined: May 2008
Posts: 741
Likes: 1
Old Hand
OP Offline
Old Hand
Joined: May 2008
Posts: 741
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
Gobal announcement replies.
by Ruben - 04/09/2021 1:46 PM
Strange parse error in faq.php
by Baldeagle - 04/06/2021 1:12 AM
Upgrading to 7.7.5: Error:
by BB - 04/02/2021 10:48 AM
Does UBB 7.7.5 support webp images
by Ruben - 03/27/2021 12:00 PM
Does UBB support webp image. For insert image
by Ruben - 03/27/2021 9:49 AM
Who's Online Now
0 members (), 66 guests, and 74 robots.
Key: Admin, Global Mod, Mod
Random Gallery Image
Latest Gallery Images
gallery test
gallery test
by Mors, September 23
Los Angeles
Los Angeles
by isaac, August 6
3D Creations
3D Creations
by JAISP, December 30
Artistic structures
Artistic structures
by isaac, August 29
Powered by UBB.threads™ PHP Forum Software 7.7.5