How to display header links above logo

Hi,

I have replaced the nopCommerce logo with the logo for my website, which runs into the header links because of the width. This makes the header links drop below the logo and interfere with the header menu. How can I force the header links to stay above the logo, as in all the themes, even if the logo overlaps underneath?

Thanks for your help.

the files you will need to modify will be


header.ascx  (in modules folder)
and master.css in your chosen theme folder (ie darkOrange etc)

its maybe not the best way to do it but if you move (in header.ascx)

    <div class="header-logo">
        <a href="<%=Page.ResolveUrl("~/Default.aspx")%>" class="logo">&nbsp; </a>
    </div>

to below the entire

<div class="header-links-wrapper"> ...................</div>

tag, ie move it to immediately above the       <div class="header-selectors-wrapper">   tag

then (to allow space for your image and the links) go to the master.css file where you will need to increase the height in:

.header
{
  padding: 6px 6px 10px 5px;
  height: 80px;
}

and the image width in

a.logo
{
  background: url('images/logo.gif');
  display: block;
  width: 400px;
  height: 73px;
  text-decoration: none;
}






it might even be better to create a new div and class to put the links at the top of the page.

regards, hayden