anonymical7
Member
Posted 10 months ago #
Hello, I am still learning, I am working on a template and trying customize menus, I moved the menu to the left using tutorials, but now with another custom menu added through widgets they are on top of eachother. Im making a child-theme.
/* Main sidebars */
#main .widget-area ul {
margin-left: 0;
top: 100px;
padding: 0 20px 0 0;
width: 220px;
line-height: 20px;
position: absolute;
}
#primary {
}
#secondary {
}
http://www.w3schools.com/Css/css_positioning.asp
consider a different way of positioning the widget - not using 'position: absolute;'.
anonymical7
Member
Posted 10 months ago #
Ah, thanks! I will check it out! I appreciate the quick response!
anonymical7
Member
Posted 10 months ago #
Hmm,
So I am getting closer, this adjustment separated the overlap, and yet, now it is below the content of the text...
Im developing it locally so I cant send a link, however heres a screenshot showing where the menu is now, and where the bottom of the paragraph is above. :-/
https://picasaweb.google.com/108665870190034217058/July122012?authuser=0&authkey=Gv1sRgCICx9sqGpZqEdA&feat=directlink
/* Main sidebars */
#main .widget-area ul {
margin-left: 0;
top: 100px;
padding: 0 20px 0 0;
width: 220px;
line-height: 20px;
position:relative;
top:-1px;
display: block;
}
#primary {
}
#secondary {
}