Submenu Active Colour and Submenu Creation Process

  • Resolved sportpal

    (@sportpal)


    11 years, 10 months ago

    Hi, very nice and light theme.

    When submenu item is clicked and active, dropdown top level item should have the same active colour as do other top level navigation items that are not dropdowns.

    RE: [resolved] Dropdown subnav doens’t work – Only way to make subnavigation top level item correctly is to create a link with the hash tag # for url. Adding pages / posts or any other element from menu widget is an actual post or link to the content to which one cannot get since dropdown top level item only expands submenu. Hover approach as suggested is probably the most usable alternative.

    Font Awesome uses approach where dropdown text is an actual link to the page and click on chevron down icon expands dropdown which is probably not too intuitive either.

    There could be perhaps a theme option to choose whether user wants to use font-awesome or not. Font-awesome alone is bigger than a page with all bootstrap elements and html/css/js properly minified and compressed together. I removed font-awesome from functions.php and changed templates to use glyphicons which are included in the bootstrap. Social icons are missing as a result of sacrifying font-awesome for performance.

    Also skip-link-focus-fix.js and functions.min.js could be potentially combined and made into the main.js as it is the case with bootstrap for all the custom jquery to be added to one file.

    Another nice feature would be to add the ability to make navbar fixed or not in the theme options

    Hopefully, this can help make this truly the best and lightest bootstrap theme available on ww.wp.xz.cn, and probably it is already.

    Nice job

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Silkalns

    (@silkalns)

    11 years, 10 months ago

    1. Here is solution on hot to make top level item clickable: http://colorlib.com/wp/forums/topic/adding-a-sub-item-to-a-top-level-item-removes-the-link-from-the-top-level-item/#post-8081

    2. Menu itself uses Glyphicons but the rest of the theme icons depends on Font Awesome as there is no social icons inside Glyphicons.

    3. Will see how I could get rid of font-awesome icons via Theme Options for those looking for a better performance but I can’t promise solution right away.

    4. Adding skip-link-focus-fix.js to the main functions file does make sense and I will get it done for the next theme update.

    5. Fixed vs regular menu is already on my to-do list but I haven’t had time to implement it. I have already responded to several support questions related to this issue. Will see if can make this update for the next major update.

    Thank you for your suggestion! This will definitely help to make Dazzling theme even better!

    Thread Starter sportpal

    (@sportpal)

    11 years, 10 months ago

    Thank you for a quick reply. Calendar, user, permalink, scroll to top chevron and sidebar style.css :before pseudo elements for folder and calendar seem to use fa + fa-icon class rather than glyphicon + glyphicon-icon.

    Nonetheless, it is not a big deal. Perhaps using icon generator such as Fontello to package only font awesome fonts that default theme requires would be an option. If user wants to add additional fonts they could generate required set themselves and replace it with theirs + default ones to keep the file size small, yet be able to use font-awesome that glyphicons don’t have without the overhead.

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

The topic ‘Submenu Active Colour and Submenu Creation Process’ is closed to new replies.