WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] ColorWay Theme - Sub Menu disappears on rollover (13 posts)

  1. FionaSOZ
    Member
    Posted 7 months ago #

    I've updated a website with the ColorWay free theme - http://www.greystoneset.ie/

    I have a problem that I'm struggling to fix.
    When you rollover the main navigation, our school for example, the sub-menu appears, but when you move the cursor down toward the first sub-menu tab the sub-menu disappears.

    I've had a look at the stylesheet.css and the margins are set at 0.

    This happens in Chrome and Firefox.

    The responsive menu doesn't work with regard to sub-menu's either.

    Can anyone suggest a fix?

  2. Andrew
    Forum Moderator
    Posted 7 months ago #

    The margins on the theme aren't set to 0, but you should be using the 'top' position to move your submenu

    Does your theme come with a Custom CSS option?

  3. FionaSOZ
    Member
    Posted 7 months ago #

    Yes, you can create a custom.css which will overwrite that part of the stylesheet.
    Don't even know where to start with that though!

  4. Andrew
    Forum Moderator
    Posted 7 months ago #

    Do you still want that white gap between your menu and submenu?

  5. Andrew
    Forum Moderator
    Posted 7 months ago #

    The bit I've coloured red: http://snag.gy/EdCZk.jpg

  6. FionaSOZ
    Member
    Posted 7 months ago #

    I don't mind - happy to have it or not!

    Thank you so much for responding :)

  7. Andrew
    Forum Moderator
    Posted 7 months ago #

    The easiest option would be to get rid of that gap:

    /* Target your submenu */
    #menu .sf-menu li > ul {
    
     /* Override negative margin */
     margin: 0;
    
     /* Add 'top' positioning */
     top: 100%;
    
    }
  8. FionaSOZ
    Member
    Posted 7 months ago #

    Wow. brilliant.
    If I put the above straight into a file custom.css - will that work? Or should i insert it into the stylesheet.css?

    Sorry for being dim.
    Thank you again.

  9. Andrew
    Forum Moderator
    Posted 7 months ago #

    The custom.css part sounds the right way to go - as long as that is meant for your CSS modifications.

    Btw being dim is not asking for help.

  10. FionaSOZ
    Member
    Posted 7 months ago #

    Thank you so much Andrew.
    I'll try that and let you know how it goes.
    Have a lovely weekend.

  11. FionaSOZ
    Member
    Posted 7 months ago #

    I've tried the custom.css file and it's not made any difference.

    I also tried it on the main stylesheet.css file through editor. It didn't work, so I removed it again.
    What am I doing wrong?!!

    Thanks again for your help.

  12. Andrew
    Forum Moderator
    Posted 7 months ago #

    Can you install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin

    Then use its "CSS Code" section of the dashboard to hold your CSS modifications?

  13. FionaSOZ
    Member
    Posted 7 months ago #

    It worked!
    Thank you so much :)
    Cannot tell you how much time and head-banging-off-table you have saved me :)

Reply

You must log in to post.

About this Topic