Larger Logo is overlaying the "Top Menu"

[patchdog]

I have changed the Joomla logo to my larger logo in the template. I went in the template.css and changed the logo name and size to accommodate but I am running into issues.

Code: Select all

div#logo {
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	width: 556px;
	height: 196px;
	background: url(../images/EPLogo.png) 0 0 no-repeat;
	margin-left: 30px;
	margin-top: 25px;
}

My log seems to be overlaying into the "Top Menu".

Can someone help me adgust the header to fix this. I do not know css so I dont know what I am looking for.

Please take a look at my site to see what I am taking about.

http://test.extraordinarypromos.com/

Thanks in advance!

[imanickam]

You could increase the header panel by doing the following:

(a) Change the attribute height in the css entry div#header_r that is available in the file template.css located in the directory \templates\rhuk_milkyway\css. For example, you could increase the height between 190px to 200px.

(b) Edit the images mw_header_t_l.png, mw_header_t.png and mw_header_t_r.png located in the directory \templates\rhuk_milkyway\images\background color. The images have to be modified to increase the height to suit your need.