DIR Return Create A Forum - Home
---------------------------------------------------------
Create A Forum - Support Forums
HTML https://support.createaforum.com
---------------------------------------------------------
*****************************************************
DIR Return to: General Support
*****************************************************
#Post#: 21533--------------------------------------------------
How to make forum banner fit on all devices
DIR By: Pearl
Date: March 4, 2019, 8:37 pm
---------------------------------------------------------
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.
#Post#: 21534--------------------------------------------------
Re: How to make forum banner fit on all devices
DIR By: CreateAForum
Date: March 4, 2019, 8:41 pm
---------------------------------------------------------
Harder to do.
You would need to put in a table or div that size it based on
the width %
#Post#: 21535--------------------------------------------------
Re: How to make forum banner fit on all devices
DIR By: Pearl
Date: March 4, 2019, 8:50 pm
---------------------------------------------------------
--- Quote from: CreateAForum link ---
>
> Harder to do.
> You would need to put in a table or div that size it based on
the width %
>
--- End Quote ---
We are new to this. Would you please show us step by step? Many
thanks to you!
#Post#: 21536--------------------------------------------------
Re: How to make forum banner fit on all devices
DIR By: CreateAForum
Date: March 4, 2019, 8:58 pm
---------------------------------------------------------
Depends where put the banner if headers and footers you can add
to your html this code
--- Code ---
style="height: auto;max-width: 100%;"
--- End Code ---
#Post#: 21537--------------------------------------------------
Re: How to make forum banner fit on all devices
DIR By: Pearl
Date: March 4, 2019, 9:08 pm
---------------------------------------------------------
--- Quote from: CreateAForum link ---
>
> Depends where put the banner if headers and footers you can
add to your html this code
>
--- Code ---
> style="height: auto;max-width: 100%;"
>
--- End Code ---
>
--- End Quote ---
We will put the banner in the header.
For example if we want to put this image
(
HTML https://i.postimg.cc/gJwqxjcG/Banner-2.jpg)
to the header, what
should we do with the above code you gave to us.
#Post#: 21538--------------------------------------------------
Re: How to make forum banner fit on all devices
DIR By: CreateAForum
Date: March 4, 2019, 9:18 pm
---------------------------------------------------------
Made a change in your css
#Post#: 21539--------------------------------------------------
Re: How to make forum banner fit on all devices
DIR By: Pearl
Date: March 4, 2019, 9:24 pm
---------------------------------------------------------
--- Quote from: CreateAForum link ---
>
> Made a change in your css
>
--- End Quote ---
You mean in Style Manager ---> Headers and Footers?
#Post#: 21540--------------------------------------------------
Re: How to make forum banner fit on all devices
DIR By: CreateAForum
Date: March 4, 2019, 9:33 pm
---------------------------------------------------------
near there but the modify style area where you choose it.
I made the change there already.
#Post#: 21541--------------------------------------------------
Re: How to make forum banner fit on all devices
DIR By: Pearl
Date: March 4, 2019, 9:38 pm
---------------------------------------------------------
--- Quote from: CreateAForum link ---
>
> near there but the modify style area where you choose it.
> I made the change there already.
>
--- End Quote ---
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.
*****************************************************
Page 1 of 1