• Resolved FionaSOZ

    (@fionasoz)


    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?

Viewing 12 replies - 1 through 12 (of 12 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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?

    Thread Starter FionaSOZ

    (@fionasoz)

    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!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter FionaSOZ

    (@fionasoz)

    I don’t mind – happy to have it or not!

    Thank you so much for responding 🙂

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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%;
    
    }

    Thread Starter FionaSOZ

    (@fionasoz)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter FionaSOZ

    (@fionasoz)

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

    Thread Starter FionaSOZ

    (@fionasoz)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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?

    Thread Starter FionaSOZ

    (@fionasoz)

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

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘ColorWay Theme – Sub Menu disappears on rollover’ is closed to new replies.