Sub Menu Disappears When Hover – Wen Associate Theme

  • Resolved thenetpreneur

    (@thenetpreneur)


    10 years, 7 months ago

    Hi,

    First of all thank you for a great free theme.

    I am facing a little problem, whenever I hover over submenu link on top menu bar, it disappears 8 out of 10 times. 2 times it works.

    Can you please help solving this issue.

    Two more little things I want to change.

    1 – how I can reduce font size of menu bar so that all my top menu items get fit in a single row.

    2 – I also don’t want to show page name on the page like for example if you visit my site home page, it will show “Home” on the top of content.

    My site address is

    http://the-netpreneur.com

    I also tried to add following code in a custom css area but still facing issue. (hover issue)

    #menu ul ul {
    display: none;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    padding-top:2em;
    z-index: 99999;
    }

    thanks
    Modasser

Viewing 8 replies - 1 through 8 (of 8 total)
  • Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    10 years, 7 months ago

    Hey there Modasser,

    How are you doing today?

    I’ve checked your site and I’m not really sure what you’re referring to, your navigation sub menu items seems fine to me.

    1. To reduce the font size of your navigation please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

    http://ww.wp.xz.cn/plugins/simple-custom-css 

    .site-layout-boxed #site-navigation ul li a {
    font-size: 16px;
}

    This is the original font size, reduce the value to what ever suits you the most.

    As for removing page titles please try adding the following as well:

    .page header.entry-header {
    display: none;
}

    Hope this helps 🙂

    Cheers,
    Bojan

    Thread Starter thenetpreneur

    (@thenetpreneur)

    10 years, 7 months ago

    Thank you for your support. Both issues regarding font size and page title issue resolved. thanks

    but here is the video about hover issue i want help with.

    I don’t know why it is still not working on my browser, can it be a browser issue?

    here is the video for demonstration.

    http://www.screencast.com/t/8h7AS4G9S

    Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    10 years, 7 months ago

    Hey again thenetpreneur,

    I don’t think this was the issue before, this is most likely caused by the decrease of the font in the navigation and by the fact that the submenu is absolutely positioned so you’re unable to place pointer on it so it disappears.

    To fix this we can simply move it slightly above top just below the main navigation so we can avoid this behavior. To fix this please try adding the following:

    .site-layout-boxed #site-navigation ul ul {
    top: 40px;
}

    Hope this helps 🙂

    Cheers,
    Bojan

    Thread Starter thenetpreneur

    (@thenetpreneur)

    10 years, 7 months ago

    Thank you so much for the support. it is working now.

    I also thought that it was may be due to the gap (blank area) between menu and sub menu that was causing problems.

    Thanks Once Again.

    Modasser

    Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    10 years, 7 months ago

    Hey again Modasser,

    The gap was the problem but I believe the gap was created when you made changes to the main navigation link size as it reduced the actual height of the menu items resulting in submenus not being properly positioned, I’m not 100% sure on this as I’m not really familiar with the theme.

    The reason why this happens is that the submenu is displayed once you hover on the menu link and in case you do not move your cursor to the submenu it will disappear so the gap was actually causing this if this makes sense.

    Best regards,
    Bojan

    4mario

    (@4mario)

    10 years, 4 months ago

    Hi Bojan,

    Hope you and your family are doing well. Hey how can I delete that sub menu all together as fundamentally, I want the home page to be a landing page and thanks.

    Mario

    4mario

    (@4mario)

    10 years, 4 months ago

    Hi Bojan,

    Also, Is there a way to not have a Title to a page so that it does not appear on the body of the page?

    I have resorted to having a period to minimize the distraction and tried a space and that did not work and thanks.

    Mario

    WEN Solutions

    (@wen-solutions)

    10 years, 4 months ago

    Hi @4mario

    First Go to your Dashboard -> Appearance -> Customize -> Themes Options -> Advanced Options -> Custom CSS.
    In Custom CSS section add following code.

    .page header.entry-header {
    display: none;
}

    And about menu I am a bit confused.
    If you don’t want menu you can edit menus in customize section as well.
    You and edit menu which you have selected as Primary Menu.
    Or create new menu and make that menu empty and assign it as Primary Menu.
    Or if you don’t want menu in any case then you can do with Custom CSS as well
    You need to add following code in Custom CSS section:

    #site-navigation{
display: none;
}

    Best Regards!!!

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

The topic ‘Sub Menu Disappears When Hover – Wen Associate Theme’ is closed to new replies.