Editing the CSS for the Q&A Theme Dropdown

Hello, I've been searching everywhere in the code for the Help, Support and FAQ theme for the CSS or HTML for the dropdown menu items. To me, the code could be improved to look better and look less choppy. Unfortunately, I can't find the CSS or HTML values or code for the dropdown menu. Can you tell me which file and where the code is for this? To be more exact, so you know what I'm talking about, if you navigate to http://succinctco.de/ and then mouse over "System Administration" you will see a dropdown with a page for Finding Files. How do I edit that dropdown?

Thanks in advance,

Harper

  • PC

    Hey there Harper,

    Greetings and thanks for your post.

    I checked and the below code seems to be responsible for the dropdown.

    /* -----------------------------------*/
    /* >> End Dropdown Navigations <<<-----*/
    /* -----------------------------------*/
    #custom #nav li ul li ul {
    	position: absolute;
    	left: 240px; /* Set 1px less than menu width */
    	top: 0px;
    	display: none;
    	margin: 0px;
    	padding: 0px;
    	width: 250px;
    	border-right: 0px none;
    	border-bottom: 0px none;
    	border-left: 0px none;
    	border-top-width: 0px;
    	border-top-style: none;
    	list-style-type: none;
    }
    #custom #nav li ul li ul li ul {
    	position: absolute;
    	left: 240px; /* Set 1px less than menu width */
    	top: 0px;
    	display: none !important;
    	margin: 0px;
    	padding: 0px;
    	width: 250px;
    	border-right: 0px none;
    	border-bottom: 0px none;
    	border-left: 0px none;
    	border-top-width: 0px;
    	border-top-style: none;
    	list-style-type: none;
    }

    http://succinctco.de/wp-content/themes/edu-knows/nav.css is the path of the CSS file and the code starts at line 141

    Can you kindly check and see if that helps ?

    Cheers, PC

  • Ellen

    Hello again, so I've changed several different options through the CSS you listed above and even after clearing cache none of these settings seem to effect anything. I've changed the top margin, padding, left margin, etc and none of these settings seems to change anything on the page. I'll give an example here, I've changed the margin to 300px for both sections listed above on http://succinctco.de/

    #custom #nav li ul li ul {
    position: absolute;
    left: 240px; /* Set 1px less than menu width */
    top: 0px;
    display: none;
    margin: 300px;
    padding: 0px;
    width: 250px;
    border-right: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
    border-top-width: 0px;
    border-top-style: none;
    list-style-type: none;
    }
    #custom #nav li ul li ul li ul {
    position: absolute;
    left: 240px; /* Set 1px less than menu width */
    top: 0px;
    display: none !important;
    margin: 300px;
    padding: 0px;
    width: 250px;
    border-right: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
    border-top-width: 0px;
    border-top-style: none;
    list-style-type: none;
    }

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.