Banner not covering properly

Asked by:
HubFans / n/a Points
2014-04-18 12:08 pm EST
Premium Website Builder
I am using template av-077. I have made a custom made template to the dimensions of 405x212 since the article in the help center indicated that was the banner size.

However the banner does not cover all of the white that is showing like the example banners do? I have tried making the width longer, but it still shows white space to the right of it. This causes it to look off, especially when viewing it from different computers. The white area increase depending on the computer.

Is there a way to make my banner go all the way across the white area the way the sample ones do?

To ask this user for more information, please first login.

To submit an answer, please login.



16,472 Points
2014-04-18 12:56 pm EST

The problem has to do with the way websites are becoming "responsive" in regards to the many different sizes of screens that websites can now be viewed on (laptops, large screens, tablets, etc.). I made a tutorial in regards to this issue awhile ago that you can find Changing the banner. Here's the gist of the issue - the newer templates now have a "dynamic" part of the graphic which is basically blurred across the rest of the screen (as it expands). This is done by obtaining a sliver of the banner and then repeatedly displaying it depending on the screen size.

The tutorial explains how you can do this with a custom banner. It does require that you use a graphic tool (like Adobe Photoshop) that will allow you to edit your banner and then create the graphic sliver. You would be replacing the files AFTER you have published your site. This is currently the only way to create a custom banner and make it work with the published Builder site. In the graphic for AV-077, the banner is labeled header.jpg and the sliver of the graphic is header_bg.jpg. If you were to replace those two images with your banner graphic and a sliver at the end, then it would stretch the way the other Builders do. I hope that helps to explain it. The files will be in the IMAGES folder after you have published the site.

I hope that helps to explain it! Let us know if you have any further questions.

Arnel C.

To submit a comment on this answer, please first login.

Want to share this Question?

Related Articles

It looks like there are no related articles.
Would you like to ask a question about this page? If so, click the button below!

Help Center Search

Current Customers

Email: Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.