hi I was wondering how to make header(Banner & Nav) like the ego-one? Anyone can guide me through it?

I think you should see their source code and add it to your template after modifying it.

that is an option, but i want to do it the right way, I think sanket or ankillien will tell me here the easy way

Hey shamz!
Getting the header exactly same as ego-one is difficult, though I can direct you so that you can make something similar to that.

yea sure, go ahead and we'll see where it takes us

Finally, I got it to work

Please go to Admin CP > Display > Templates > General > overall_header_new. Find out this part...

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

This is what defines the navbar. We want to put it on the top of the banner and everything else.

You need to add this attribute to the table tag : id="new-nav".
Now the code should look like this...

Code:

<table id="new-nav" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

Save the template, publish it and navigate to Admin CP > Display > Colors > CSS. Add the following style there...

Code:

#new-nav {
position : absolute;
top : 10px;
right : 25px;
}

This code will make the nav bar display at the top of the page. You can adjust the top and right offsets as per needed.

Hope that helps

Great, thank you man,

PS: Trying now!

Edit: Worked thank you so much mate. awsome!

Glad I could help

Solved | Locked