WordPress.org

Ready to get started?Download WordPress

Forums

Menu overlap:Twenty Te: CSS help? (4 posts)

  1. anonymical7
    Member
    Posted 1 year 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 {
    }
  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    http://www.w3schools.com/Css/css_positioning.asp

    consider a different way of positioning the widget - not using 'position: absolute;'.

  3. anonymical7
    Member
    Posted 1 year ago #

    Ah, thanks! I will check it out! I appreciate the quick response!

  4. anonymical7
    Member
    Posted 1 year 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 {
    }

Topic Closed

This topic has been closed to new replies.

About this Topic