The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How can I adjust the size of the banner on mobile version?

View previous topic View next topic Go down

Solved How can I adjust the size of the banner on mobile version?

Post by Guest on January 23rd 2015, 2:12 pm

Hi,

There seems to be a little problem with the banner size on mobile. It's all smeared out vertically looking bad. I'm using a GIF image by the way, which may be causing that, not sure. I was reading through the archives on FM trying to solve this in CSS but I couldn't find any solution.

Forum: http://fcnl.actieforum.com
Version: phpBB3.

Thanks in advance for your support.

Samantha


Last edited by SamanthaS on January 23rd 2015, 11:13 pm; edited 1 time in total

Guest
Guest


Back to top Go down

Solved Re: How can I adjust the size of the banner on mobile version?

Post by Ange Tuteur on January 23rd 2015, 2:34 pm

For some reason your banner image is showing like this on Chrome :


and not at all on firefox scratch

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I adjust the size of the banner on mobile version?

Post by Guest on January 23rd 2015, 2:39 pm

@Ange Tuteur wrote:For some reason your banner image is showing like this on Chrome :


and not at all on firefox scratch
It does fine in my IE, FireFox and Chrome, even after clearing cache and cookies with CCleaner and some other stuff. The image for the banner is: http://s16.postimg.org/6phrt8yar/mbanner.gif Wink

Guest
Guest


Back to top Go down

Solved Re: How can I adjust the size of the banner on mobile version?

Post by Ange Tuteur on January 23rd 2015, 2:41 pm

For some reason it redirects to here http://postimg.org/image/4xosycext/ for me

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I adjust the size of the banner on mobile version?

Post by SLGray on January 23rd 2015, 4:09 pm

I am using a tablet with Chrome. I also do not see the image.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How can I adjust the size of the banner on mobile version?

Post by Guest on January 23rd 2015, 4:54 pm

@Ange Tuteur wrote:For some reason it redirects to here http://postimg.org/image/4xosycext/ for me
That's odd yk. seems like the old link to me. Couple of days I experienced the same. Did you clear cache and cookies? It's loading very fast on everything....

Guest
Guest


Back to top Go down

Solved Re: How can I adjust the size of the banner on mobile version?

Post by Klemen on January 23rd 2015, 9:08 pm

I see the same as Ange on Chrome, IE and mobile Safari. Nothing is showing up on Firefox. Not sure what you mean with "mobile version" though, since you have that disabled. Do you mean when you view your page on a mobile device in classic mode?

And for starters, you could try using a better image hosting service, and not one of those that redirects you so it can shove ads to your face. I suggest imgur.com.

Also, whats up with the disabled right click?

Also, gif images are one of the most compatible image formats to use on websites, so the image being a gif is never the issue.

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Solved Re: How can I adjust the size of the banner on mobile version?

Post by Guest on January 23rd 2015, 11:12 pm

@Ange Tuteur, @Klemen and @SLGray: Well, I've checked again just now, and the banner just loads fine on my browers. I've a short list of the banner hosting locations (old at the top, new at the bottom):

http://i.giphy.com/yoJC2kd9wQFlYzZ11S.gif <-- 5 Mb banner was loading slow on giphy
http://s16.postimg.org/n0hvpkasj/mbanner.gif <-- this link didn't work couple of days ago
http://s16.postimg.org/6phrt8yar/mbanner.gif <-- new location

postimg.org is optimized for php boards and is very fast.

Now, I uploaded it to imgur.com (here's the new link): http://i.imgur.com/ava2lTa.gif . I hope the banner is visible to you guys now.

I fixed the dimensions by using this in my CSS:

Code:
#logo, #logo img {padding:0px;width: 100% !important;height: 12% !important;}

Now, that's an awful lot of vertical compression I had to use. Imagine what it looked like without!

Well, topic solved. Smile

Thanks everyone for the suggestions and support. Hello

Samantha

Guest
Guest


Back to top Go down

Solved Re: How can I adjust the size of the banner on mobile version?

Post by SLGray on January 23rd 2015, 11:59 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum