Premium Joomla Templates

  • Categories
    View categories that are created for the site and filter discussions by categories.
thompson344 on Wednesday, October 10 2012, 04:20 AM

Header Width Adjustment?

Hi There - Thanks for a great template. I've poked around the CSS files but am not able to fix my issue. I have created a logo that is wider than the default logo and some of it ends up under the 'Header' position. Is there a way to adjust the width of the header box so that the very right side of my logo is not blocked?

The discussion has been resolved.

Accepted Answer

  • Replied by zahir on Wednesday, October 10 2012, 06:42 PM
    Hi Thompson344

    If you open up the index.php file in the template folder, you can modify the following two sections to increase/decrease the width of the logo and header module:
    <h1 id="logo" class="grid_6 alpha omega">

    <div id="header-module" class="grid_10 alpha omega">

    The grid prefix dictates how much space is allocated to each div, so changing the first div from grid_6 to grid_12 will double its width. Since the total prefix cannot be greater than 16, you will then have to reduce the header-module grid width from grid_10 to grid_4.

    Hope that helps!

Your Response
Please login first in order for you to submit comments

Recent Themes

The Joomla!™ name is used under a limited license from Open Source Matters in the United Statesand other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.