Banner issue

[.Vibe]

Hi,

I'm new to v5 and I'm still learning how to navigate the admin panel. For some reason my banner isn't fitting the size of the container (1080x400px<- size of the banner) and I can't figure out how to fix it. Meaning there is grey areas on the left and bottom of the container where the banner should fill. I'm pretty sure it's the right size, I checked the container size by inspecting the element in Chrome. Also, could someone link me to a CSS code for auto resizing a banner based on monitor size?

Forum link:
nextgenex.proboards.com/

Thanks,
Cody

[Smangii]

Its because you have that image set as your logo, not your banner background.

In the visual editor, go to Header (Top) > Forum Banner > Banner Image, and set the Background Image to be the URL of your current image.

Then, click the "Theme Settings" button at the top, and under Forum Title change that to "Do Not Display a Title".

That should fix it, I hope!

To get it to resize according to screen size, you can either add


#banner { background-size: 100% auto; }

or

#banner { background-size: cover; }


To the top of your stylesheet.

[.Vibe]

Thanks Smangii that worked!

Now there's a new problem now, is there a spot I can place a piece of code to have it bring you to the homepage when you click the banner?

[Smangii]

You can add this to your global footers!

<script>
$(document).ready(function() {
$('#banner').click(function(){
window.location = '/';
});
});
</script>

[.Vibe]

Thanks again Smangii!