• Hey everyone!

    I am working on my top menu (the one under my header image ((Home, Blogroll, Freebies, etc)))…

    If you look at the ‘Giveaways’ one and roll over it, a child link should drop down. However, I am having so much trouble getting the CSS right for this part of the code.

    I am trying to get the links to be about the same height as the main links and I need to get that spacing to disappear.

    Could someone please help me?
    Thank you in advanced!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter adorkablii

    (@adorkablii)

    Opps!!! My link

    https://adorkablii.com/

    Try these:

    #header #navigation ul ul a {
        background: none repeat scroll 0 0 #EAEAEA;
        border-top: 0 solid #A4CED3;
        color: #FFFFFF;
        font-family: 'Open Sans',sans-serif;
        font-size: 12px;
        font-weight: 200;
        line-height: 1;
        padding: 5px;
    }
    
    #header #navigation ul ul {
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
        display: none;
        float: left;
        left: 0;
        margin: 0;
        position: absolute;
        text-align: center;
        top: 2em;
        width: 110%;
        z-index: 99999;
    }

    But didn’t someone make this site for you?

    Thread Starter adorkablii

    (@adorkablii)

    No one made this site for me. I took a template and been re-working all the coding and what not.

    I’m still trying to figure out the parent and child theme because I can’t seem to figure that out so until then I have it re-named because I don’t want the template to get updated and lose all my work.

    That kind of worked, but now the link shows all the time and the height is still kinda weird.

    Thank you for helping me. I’m still learning all this wordpress coding.

    https://adorkablii.com/

    Looks like you have that first section twice and you’re missing the second section entirely…

    But, you have a bunch of CSS errors that are likely causing problems – so track these down before trying to modify anything more:

    https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fadorkablii.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

    Parse errors often cause CSS to be ignored/invalid…

    Thread Starter adorkablii

    (@adorkablii)

    Opps!!! Sorry, I fixed that! For the most part it’s working! I just need to figure out the sizing and what not now!

    That is an awesome site!! Thank you so much! I am working on fixing everything now!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Menu Drop Down.’ is closed to new replies.