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.
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.
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
Please explain. What should I try to do in styles? What is the expected result?
i haven't change the default theme, and when I adjust the stylesheet.css and it works properly.. otherwise, nothing happened as your advise