• Resolved nickhutch

    (@nickhutch)


    Hi!

    Is there a way I can change the look of the dropdown menu completely? Just doesn’t suite my website :p

Viewing 12 replies - 1 through 12 (of 12 total)
  • Hi Nickhutch,

    If you would provide a link to your site I could take a look at it more. But to edit the drop down menu you would go to your admin page.

    Click Appearance -> Editor

    And edit the CSS file from there to fix the menu on how you would like your menu to look.

    Hope this helps!

    Thread Starter nickhutch

    (@nickhutch)

    Fexin,

    http://www.socialwavemarketing.co.uk

    I just wasn’t sure which part of the CSS was the menu dropdown, didn’t want to start messing πŸ˜›

    Thanks for your reply!

    This code
    #site-navigation ul li:hover > ul
    Controls the left color part of the dropdown.

    .main-navigation li ul {
    Will be your main change.

    Your browser should have a selector that lets you see the code (example firefox inspector). You are able to roll over the drop down and see what code effects what.

    You can change colours from Appearance >> Customize >> Colours

    However, the background of the drop down is coded to match the top header background colour from the option settings of “Header and Submenu Background”, also under the Colours tab.

    If you want the sub menus to have a different background colour altogether, you have some custom coding to do.

    Thread Starter nickhutch

    (@nickhutch)

    I have searched the Style.css however #site-navigation ul li:hover > ul doesn’t exist?

    Thanks for the posts

    It’s actually #main-navigation ul li>ul which is found in the menu.css file located in a theme folder “css” around line 130

    .main-navigation ul li:hover > ul {
    display: block;
    background-color: #f6f6f6;
    border-bottom:12px solid #467fc2;
    border-radius:12px;
    -webkit-box-shadow: 0px 7px 7px 3px rgba(0, 0, 0, .25);
    box-shadow: 0px 7px 7px 3px rgba(0, 0, 0, .25)
    }
    Thread Starter nickhutch

    (@nickhutch)

    Can I do this VIA WordPress?

    To override that, use a child theme or a plugin that lets you edit and create custom CSS

    Thread Starter nickhutch

    (@nickhutch)

    How can I actually get to the file? On WP it only shows style.css

    You don’t need to…you can copy that and put it in your own stylesheet as it will override the menu.css one.

    Thread Starter nickhutch

    (@nickhutch)

    Ok! Great thanks πŸ™‚ Sorry I’m new to all this so thanks for being patient with me!

    No worries and no need to apologize…creating a site can be challenging, but it’s a good learning experience for anyone.

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Change the dropdown menu completely?’ is closed to new replies.