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

0 Members and 0 Guests are viewing this topic.

Offline Pearl

  • Newbie
  • *
  • Posts: 42
  • Karma: 0
    • View Profile
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: 6056
  • Karma: 282
    • View Profile
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
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: 6056
  • Karma: 282
    • View Profile
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
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: 6056
  • Karma: 282
    • View Profile
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
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: 6056
  • Karma: 282
    • View Profile
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
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
824 Views
Last post August 05, 2010, 06:13:03 pm
by Alex
3 Replies
614 Views
Last post October 04, 2011, 09:59:04 am
by D.Joe
4 Replies
909 Views
Last post April 09, 2013, 08:08:03 pm
by aIURbliS
1 Replies
4666 Views
Last post September 19, 2015, 03:58:00 pm
by forum
3 Replies
123 Views
Last post September 20, 2017, 03:58:12 pm
by CreateAForum