Menu banner size issue in chrome Browser

Asked by:
Sriram / 5 Points
Time:
2012-04-20 2:04 am EST
Category:
Joomla
Hits:
796
When we See Our site aquapurification.in from chrome browser, we notice our blue banner height has been increased and it looks ugly. please help us in finding a fix for this.
Check out the issue from this link:
http://aquapurification.in/images/bannerissue.png

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

To submit an answer, please login.

ANSWERS

0

ChristiNi
Staff
13,688 Points
2012-04-20 8:29 am EST
Hello Sriram,

Great question about customizing your Joomla banner. I took a look at your site using the Firebug extension with Firefox (and Firebug Lite in Chrome) to inspect the CSS which controls the various elements in your banner. I found a couple of things in your CSS that you can adjust that will reduce the size of the banner. The following are suggestions to adjust the bottom padding and bottom margins on a few elements:


#zt-header-inner
padding-bottom: 0px;

.zt-logo
margin-bottom: 0px;

#zt-mainmenu-inner {
margin-bottom: 0px;

It may take a little time to determine what part of the CSS needs to be adjusted, but the Firebug Addon makes this much easier. You can even test changes in Firebug before making changes to your site's CSS file.

Please let us know if you have any additional questions or need further assistance.

Regards,

Christi N.

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: support@WebHostingHub.com 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.