Forum Replies Created

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

    (@ffields)

    Thank you. That works! yay.

    I’m not especially wanting the white gap, I think the content wrapper is creating the gap with a margin, so not sure how to get rid of it while keeping the submenu working well.

    Thread Starter ffields

    (@ffields)

    My editor doesn’t have line numbers, so I have added it at the very bottom of the whole stylesheet. Once I have this resolved I will try using a better module for this. Quite new to this, have just taken over managing this and too afraid to update wordpress version, and all the modules in case the whole site crashes.

    It works if I hover and move cursor down at the right speed but otherwise still disappears too quickly and would be frustrating to use.

    Thread Starter ffields

    (@ffields)

    Yes tried adding to the bottom of the css styling for this section but still the submenu disappears too quickly for you to click on it.

    Thread Starter ffields

    (@ffields)

    Hi, thanks yes I am using a child theme and have access through the editor to modify the css coding. Can I just add in top:18px somewhere here? dont seem to have the sfHover and not sure what this relates to. Thanks.
    This is the section (I think) where the submenu styles are, but not sure which bit effects the hover on submenu.
    `* Primary Menu
    ************************************************/

    /* Wrapper for entire menu area */
    div#primary-menu {
    margin-top: -66px;
    width: 740px;
    height: 17px;
    margin-left: 0px;
    font-size: 10px;

    }
    #primary-menu, #navigation{ }
    /* Wrapper for unordered list of menu items */
    #primary-menu div.menu {
    margin-left: 93px;
    height: 17px;
    text-align:left;

    }
    #primary-menu div.menu ul{ line-height: 17px;}
    ul#menu-my-custom-menu{
    }

    /* Menu list. */
    #primary-menu ul {

    }
    #primary-menu li {
    border-left: solid 1px #FFFFFF;
    margin-right: 0px;
    font-size: 12px;
    text-transform: lowercase;
    }
    #primary-menu li#menu-item-9{
    border-left: 0px;
    }
    #primary-menu li a {
    background: none;
    padding: 0px;
    border: none;
    width: 90px;
    color: #FFFFFF;
    text-align:center;
    }

    #primary-menu ul.sub-menu{
    top: 1em;
    margin-left: -5px;
    background-color: #bab6b6;
    color:#FFFFFF;
    }
    #primary-menu ul.sub-menu li
    {border:none;
    }
    #primary-menu ul.sub-menu li a{
    height:15px; text-align:left;
    padding-left: 15px;
    padding-right: 5px;
    margin-top:5px;
    }
    #primary-menu ul.sub-menu li a:hover{ color: #000000;}
    #primary-menu li.current-menu-item a { color: #000000;}
    #primary-menu li.current-menu-item li a{ color: #000000; }
    #primary-menu ul li a:hover{ text-decoration:underline; }
    span.sf-sub-indicator{ display:none; }

    Hello Ossie
    I’ve just found this topic in support forums and I am having the same issue, but can’t find anything to resolve that is similar to your solution above. Must have quite different CSS structure perhaps?

    url is: http://www.ffieldsdesign.co.nz/

    Many thanks if you have time to look into this for me.

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