menu displays now off place

Thanks. I am just noticing you had replied.

question: where do i locate the file where to insert the code you are mentioning?
sorry if the question is too basic but i am not a programmer but html and css coder.
i cannot locate a css folder/file inside the superfish folder and i cannot find the code inside the css folder my template is using.

also, were you able to solve the problem for the 2nd inquirer?

thank you

Hi Daan, were you able to resolve the menu layout problem? i am the one who posted about this issue first. thanks for anything you can share.

Mehrpadin, this is the code i have inside my css file:

=====================
#block-superfish-1 { border-top:1px solid #ececec; width:100%;}
#superfish-1 { margin:0px; width:auto; position:relative; background:none; float:left; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:none}
#superfish-1 li { overflow:inherit; padding:0 2px 0 0; text-align:center; background:url(../images/bg-li.gif) right top no-repeat; border:0;}
#superfish-1 a, #superfish-1 a:visited {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:17px;
color:#fff;
font-weight:normal;
line-height:normal;
text-transform:uppercase;
border:0;
padding:18px 18px 16px !important;
text-decoration:none;
-webkit-transition:background .3s ease-out;
-moz-transition:background .3s ease-out;
background:url(../images/bg-menu-active.png) bottom repeat-x;
}
#superfish-1 > li > a:hover, #superfish-1 > li > a.active, #superfish-1 > li > a.sfHover, #superfish-1 > li.active-trail > a{ color:#fff; background:url(../images/bg-menu-active.png) top repeat-x;}

#superfish-1 ul {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, #f4f4f4 27%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#f4f4f4), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 27%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 27%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 27%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4f4f4 27%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
filter: none;
width:181px !important; border:1px solid #1b1b1b; top:57px !important; display:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; padding:0;}
.sf-navbar > li > ul { margin-top:3px;

}
#superfish-1 ul li {

background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top, #ededed 2%, #b9a372 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ededed), color-stop(100%,#b9a372)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ededed 2%,#b9a372 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ededed 2%,#b9a372 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ededed 2%,#b9a372 100%); /* IE10+ */
background: linear-gradient(to bottom, #ededed 2%,#b9a372 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#b9a372',GradientType=0 ); /* IE6-9 */
filter: none;
; height:auto; padding:0; border-bottom:1px solid #1b1b1b; }

#superfish-1 ul li a:visited, #superfish-1 ul li a { padding:10px 0 10px 26px !important; text-align:left; border:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1b1b1b; font-weight:normal; text-transform:none; letter-spacing:normal; -webkit-transition:none; -moz-transition:none; background:url(../images/bg-drop-li.gif) no-repeat 13px 14px !important;}
#superfish-1 ul li a:hover, #superfish-1 ul li a.active { background:url(../images/bg-drop-li2.gif) no-repeat 0 0; color:#be0033;}

#superfish-1 ul li ul{ left:180px !important; top:0 !important; padding:0 !important}
#superfish-1 ul li ul li { margin-bottom:1px; background:none;}
/*#superfish-1 ul li ul li a.active, #superfish-1 ul li ul li a { padding:12px 0 12px 20px; text-align:left; border:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#fff !important; font-weight:bold; text-transform:uppercase;}
#superfish-1 ul li ul li a:hover{ background:#fff; color:#444444 !important; text-shadow:none}
/****************************************/

#superfish-2 li { padding-left:25px;}
#superfish-2 li a { color:#1b1b1b; font-size:12px; -webkit-transition:color .3s ease-out; -moz-transition:color .3s ease-out;}
#superfish-2 li a.active, #superfish-2 li a:hover { color:#be0033; text-decoration:none;}

==================

am i supposed to add somewhere within the code pasted, your code?:

.sf-menu,
.sf-menu ul {
margin: 0 !important;
}

or where exactly?

i will truly appreciate any basic instruction to help me resolve this problem.

thank you

Hi Mehrpadin, I bought a beautiful template I cannot show yet because of the menu mishap. I cannot locate where to insert the code you mentioned. There are 10 files inside the 'superfish' folder. I opened each. where is the menu class located? of is that a new code I am supposed to paste inside my css folder, inside the superfish class?
I am sorry if my question is too basic for you but what can I say, this is where I am....against a wall.

I will truly appreciate your specific answer.

thanks

Adding this class fixed it BEAUTIFULLY back to norm!!!

.sf-menu.menu,
.sf-menu.menu ul,
.sf-menu.menu li {
margin: 0;
}