Loading

Lower the header Text

5 posts / 0 new
Last post
Anonymous
Lower the header Text

What I'm wanting to do is drop the text around the logo down as our logo is slightly longer and so the text is over the logo. The text in question is (Call Us: 1-800-800-8000 | Help desk | Shipping | Privacy | Sitemap).

I'm not sure how to do this has anyone got an idea I've looked though the css files but don't really want to play around with it and hope for the best.

Offline
Joined: 10/12/2010

You need to change the css style of the #logo selector.

Copy the custom.css from skin/front/default/css to skin/front/custom/css and add the following style:

#logo {
    height: 55px;
    width: 150px;
}

Just enter the valid logo width and height.

After this you will also need to copy the skin/front/default/images/nav.gif and skin/front/default/images/vline_dashed_grey.gif to the skin/front/custom/images folder.

Offline
Joined: 02/28/2012

i can't find it right, try this on your stylsheet.css :

/* Header */
#logo { float: left; margin: 8px 0 17px 10px; padding: 0; height: 60px; width: 355px; }

e.g logo size: 357 x 65 px

Offline
Joined: 10/12/2010

Please explain. What should I try to do in styles? What is the expected result?

Offline
Joined: 02/28/2012

i haven't change the default theme, and when I adjust the stylesheet.css and it works properly.. otherwise, nothing happened as your advise