Banner Image Issues

[riotpunch]

Hey all, some insight/guidance would be hugely appreciated.

Here is the forum I am currently constructing:
csl.boards.net/

I have been trying to tweak my banner width in order to prevent my banner image from getting cut off, but can not seem to get it right. When editing, it never looks correct in the page preview, but I can always get it to look just right on my laptop, using Chrome... The problem is, I have members tell me that it is cut off with their Safari or Mobile Chrome browsers. Is there a way to make the image universally centered/not cut off? (Without the image losing it's home link)

Please help this newbie out! It would mean a lot!!

Thanks.

[Welshling]

admin>themes>advanced styles and colors>

Find your Banner styles (under your header drop down) and edit the alignment, to either left center; or center center; not sure which its currently set at but either of these should help. If not, you may need to alter your forum width, to fit your image. which is a very large image lol. 1000px wide.

[riotpunch]

I posted my image URL in 'Forum Logo' section within 'Theme Settings'. When I post it under the 'Banner' sub-category within 'Advanced Styles and Colors', the image loses it's home re-direct clickability.

What width is a common one for banner images? Again, the image looks massive in the preview to the right hand side within 'Advanced Styles and Colors' and for members with Mobile Chrome or Safari... but it looks perfect when on the actual forum page for me using Chrome. You suggest posting the image URL in the banner section, rather than the logo section then?

[Welshling]

I always upload images from my computer to the theme, by going to admin>themes>advanced styles & css
and in the preview panel you are looking for banner and a small image which looks like apiece of paper and a yellow symbol inside it lol. can't explain it any other way.

as for what size is common that is your choice, previously in v4 most forums would be between 700-800 wide. your banner width and background width are the same thing in v5, unless you find the piece of css (in the template modifications) to have a different welcome table size to your forum width.

Sorry i cann't provide you with links, but you should be able to find what you need in the template modifications library.

[Nogo]

My banners would do that when I set the forum width to a percent value in the visual CSS settings. (Right up at the top of those setting. )

Simple fix was just to set the forum width to a px value instead.

[Nogo]

Got home and looked at your site with Firebug. Your Forum Width is set to 75%.

This is the information Firebug Shows.  (CSS for #wrapper)
#wrapper {
    margin: 0 auto;
    overflow-x: hidden;
    width: 75%;
}

The width of the Banner image is 1000px.

To correct the problem with the browsers the mobile devices use, set the Forum Width to 1000px. Doing it through Firebug, looks like the Forum will have the exact same appearance on Firefox at whatever my screen resolution is (close to 1280 or something like that)  that it has now. 

Changing the forum width is changed on this page "Admin> Home>Themes>Advanced Styles & CSS>Visual Editor."   The setting to change is the Second choice from the top, "Width."  Change this to 1000px to correct your problem.  

Don't worry about about the settings such as Header or anything to do with the Logo at this time.  Unless you have other problems, this one step should solve the problem you are having with the banner.

If this does not look right, adjust it slightly, maybe 1010px or 1020px.

What is happening on the smaller devices is, 1000px is larger than 75% of the total available pixels of their screens. Because of this, the size of the forum is right, but the banner image is just cut off, instead of being resized. If you set the forum width to a set pixel size, it will resize the banner and the forum as necessary in the mobile devise browsers (using Full Version.)