News:

Create A Forum Installed

Author Topic: How to make forum banner fit on all devices  (Read 623 times)

0 Members and 1 Guest are viewing this topic.

Offline Pearl

  • Newbie
  • *
  • Posts: 42
  • Karma: 0
    • View Profile

Badges: (View All)
Karma Bad Mobile User Apple User
How to make forum banner fit on all devices
« on: March 05, 2019, 02:37:42 am »
Hello CreateAForum team,
Please show us how to make forum banner fit on all devices. We have very beautiful banner, it shows on desktop perfectly but when we use iphone or ipad the entire forum looks bad.

Would you please help so we can adjust something to make the banner fit on all devices!
Thanks in advance.

Share on Facebook Share on Twitter


Offline CreateAForum

  • Administrator
  • *****
  • Posts: 7186
  • Karma: 327
    • View Profile

Badges: (View All)
Avatar Linux User Tenth year Anniversary
Re: How to make forum banner fit on all devices
« Reply #1 on: March 05, 2019, 02:41:57 am »
Harder to do.
You would need to put in a table or div that size it based on the width %
Like Create A Forum? Support me at https://www.patreon.com/vbgamer45/

Offline Pearl

  • Newbie
  • *
  • Posts: 42
  • Karma: 0
    • View Profile

Badges: (View All)
Karma Bad Mobile User Apple User
Re: How to make forum banner fit on all devices
« Reply #2 on: March 05, 2019, 02:50:40 am »
Harder to do.
You would need to put in a table or div that size it based on the width %
We are new to this. Would you please show us step by step? Many thanks to you!

Offline CreateAForum

  • Administrator
  • *****
  • Posts: 7186
  • Karma: 327
    • View Profile

Badges: (View All)
Avatar Linux User Tenth year Anniversary
Re: How to make forum banner fit on all devices
« Reply #3 on: March 05, 2019, 02:58:19 am »
Depends where put the banner if headers and footers you can add to your html this code
Code: [Select]
style="height: auto;max-width: 100%;"
Like Create A Forum? Support me at https://www.patreon.com/vbgamer45/

Offline Pearl

  • Newbie
  • *
  • Posts: 42
  • Karma: 0
    • View Profile

Badges: (View All)
Karma Bad Mobile User Apple User
Re: How to make forum banner fit on all devices
« Reply #4 on: March 05, 2019, 03:08:06 am »
Depends where put the banner if headers and footers you can add to your html this code
Code: [Select]
style="height: auto;max-width: 100%;"
We will put the banner in the header.

For example if we want to put this image (https://i.postimg.cc/gJwqxjcG/Banner-2.jpg) to the header, what should we do with the above code you gave to us.

Offline CreateAForum

  • Administrator
  • *****
  • Posts: 7186
  • Karma: 327
    • View Profile

Badges: (View All)
Avatar Linux User Tenth year Anniversary
Re: How to make forum banner fit on all devices
« Reply #5 on: March 05, 2019, 03:18:05 am »
Made a change in your css
Like Create A Forum? Support me at https://www.patreon.com/vbgamer45/

Offline Pearl

  • Newbie
  • *
  • Posts: 42
  • Karma: 0
    • View Profile

Badges: (View All)
Karma Bad Mobile User Apple User
Re: How to make forum banner fit on all devices
« Reply #6 on: March 05, 2019, 03:24:48 am »
Made a change in your css
You mean in Style Manager ---> Headers and Footers?

Offline CreateAForum

  • Administrator
  • *****
  • Posts: 7186
  • Karma: 327
    • View Profile

Badges: (View All)
Avatar Linux User Tenth year Anniversary
Re: How to make forum banner fit on all devices
« Reply #7 on: March 05, 2019, 03:33:26 am »
near there but the modify style area where you choose it.
I made the change there already.
Like Create A Forum? Support me at https://www.patreon.com/vbgamer45/

Offline Pearl

  • Newbie
  • *
  • Posts: 42
  • Karma: 0
    • View Profile

Badges: (View All)
Karma Bad Mobile User Apple User
Re: How to make forum banner fit on all devices
« Reply #8 on: March 05, 2019, 03:38:43 am »
near there but the modify style area where you choose it.
I made the change there already.
It looks fine when we use desktop but not good when we use phone or ipad dear. Then we took it off but still keep the code you gave.
« Last Edit: March 05, 2019, 03:42:32 am by Pearl »

 

Related Topics

  Subject / Started by Replies Last post
1 Replies
1042 Views
Last post August 05, 2010, 06:13:03 pm
by Alex
3 Replies
833 Views
Last post October 04, 2011, 09:59:04 am
by D.Joe
4 Replies
1243 Views
Last post April 09, 2013, 08:08:03 pm
by aIURbliS
1 Replies
5377 Views
Last post September 19, 2015, 03:58:00 pm
by forum
16 Replies
1368 Views
Last post July 20, 2020, 05:06:48 am
by Cobra C