Dropdown menu problem on homepage only?

Gday gents,

I’m a novice at web stuff and have been running a site for a friend for a while now. The latest WordPress-based has been up for 2+ years with no major issues.

However, I’m not sure if it’s due to one of the various updates over time, recently I noticed that the site menu is not working properly – dropdown menu items do not show. This issue affects the home page only and none of the other pages.

Initially the menu was (incorrectly) aligned to the bottom of the page which was very wrong, so I used these instructions to put it back on top: https://blog.hubspot.com/website/sticky-menu-wordpress

This successfully put the menu back on top but the current issue arose.

Can anyone take a look and advise please? You help is much appreciated. http://www.singaporevirtualairlines.org
WordPress 5.2.4 (self-hosted)
Impreza latest version 30 Oct 19

Append cart icon to end of main nav menu

I’m using a custom theme and want to append a cart icon to the main nav menu. This is my site.


I used the theme_location to select for the primary navigation as it’s defined in my functions.php in my parent theme, however the primary menu must’ve have been used twice on the same page in my theme, because the cart icon show sup twice. How do I work around this.

    // Add Font Awesome to site.     add_action( 'wp_enqueue_scripts', 'dcwd_include_font_awesome_css' );     function dcwd_include_font_awesome_css() {         // Enqueue Font Awesome from a CDN.         wp_enqueue_style( 'font-awesome-cdn', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' );     }       // Style the cart count number.     add_action( 'wp_head', 'dcwd_cart_count_styles' );     function dcwd_cart_count_styles() {     ?>     <style>     #menu-main-nav.cart { position: relative; margin-top: auto; margin-bottom: auto; }     #menu-main-nav .count { background: #666; color: #fff; border-radius: 2em; height: 18px; line-height: 18px; position: absolute; right: 5px; text-align: center; top: 90%; transform: translateY(-100%) translateX(15%); width: 18px; }     </style>     <?php     }        add_filter( 'wp_nav_menu_items', 'am_append_cart_icon', 10, 2 );     function am_append_cart_icon( $  items, $  args ) {         if( $  args->theme_location == 'Primary Navigation')             {                 $  cart_item_count = WC()->cart->get_cart_contents_count();                 $  cart_count_span = '';                 if ( $  cart_item_count ) {                     $  cart_count_span = '<span class="count">'.$  cart_item_count.'</span>';         }         $  cart_link = '<li class="cart menu-item menu-item-type-post_type menu-item-object-page"><a href="' . get_permalink( wc_get_page_id( 'cart' ) ) . '"><i class="fa fa-shopping-bag"></i>'.$  cart_count_span.'</a></li>';          // Add the cart link to the end of the menu.         $  items = $  items . $  cart_link;          return $  items;         }  } 

Here is the register code for the nav menus in functions.php

/*-----------------------------------------------------------------------------------*/ /* Register WP3.0+ Menus /*-----------------------------------------------------------------------------------*/ register_nav_menu('Primary Navigation', 'Main Menu'); register_nav_menu('Footer Navigation', 'Footer Menu'); register_nav_menu('Top Toolbar Navigation', 'Top Toolbar Menu'); //add nav_menu if UberMenu installed... global $  ttso; $  ubermenu = $  ttso->ka_ubermenu; if('true' == $  ubermenu): register_nav_menu('UberMenu', 'UberMenu'); endif; 

I want to display the cart only on the main menu navigation at the top, and not below the image slider.

What is the best approach to giving a label to an ads menu?

I’m developing an mobile lock application for trying a new approach that I hope will replace existing identity check/login methods. In the app’s preferences menu, I want to add a hidden menu which will serve as ads menu, where I can show affiliate ads/product placements. I’m doing this as a seperate menu, because I want to explicitly tell the people that if they interested, they can browse through advertisements, which will support me via affiliate references; if they’re not, there is no ads to disturb the user.

In the drawer (I don’t know what exactly it is called, the black triangle at the bottom of the screen in the image I’m sharing.) I want a simple label text, one or two words, which will describe there lies a menu which contains affiliate ads. How must I approach this? What will suit this best? Must I take an different route to achieve this?

enter image description here

PS. This is my first UI design for an mobile app, it can be quite ugly; sorry about this.

Drop Down Menu on Genesis


I would like to have a dropdown menu for the categories on my blog's homepage, I tried but didn't find any option for the theme. (I'm using Genesis with Magazine Pro child) If any developer is here who can help me adding the menu with some additional code it would be a great help.

Thanks in Advance.

Alternative to contextual menu in a web application

TLDR: I’m currently using a contextual menu in a web app for a complex form, but it has limitations and I’m seeking alternatives

I have a very complex form which follows a non-fixed model. This means, the user can sometimes add new fields of the same type, or add new sub-fields. Plus, each field and sub-field have one or more actions linked to it (e.g. add new, remove, mark as stale etc).

In order to keep the form de-cluttered (as it can really get huge, and it is not possible to split it in parts as the user needs to be able to see the whole of it, my first idea was to use a contextual menu on some elements in order to make those actions available.

You can see how this form currently works in the part # 1 of the attached image. (This is a very simplified example, the real form is WAY bigger – actually composed by many of those forms where each form have much more fields than those shown in the sample picture)

current functioning of my form

The contextual menu, though, comes with some disadvantages, some of which are mitigated by the fact that the users get a training in how to use this web application (closed system that they use for work):

  • People are not used to contextual menus on web applications
  • This content is hidden, if you don’t know that the menu is there you will miss those actions
  • Not all elements on the page have a contextual menu (even though if they do a different cursor is shown to the user) so the user doesn’t even know where to right click
  • Even if there is a way for keyboard-only users to open a contextual menu, they will have absolutely no clue if the menu is available or not for a certain element

The advantage is, as I said, that the form is a bit cleaner so the user is less intimidated by it and can work in a more comfortable way. They need to check the form multiple times across fields before submitting, so it is important to have a layout as clear as possible. It is also important to show them as many field as possible in the smallest space possible so that they don’t have to scroll up and down to find what they need.

Anyhow, we noticed that even some of our power users are totally unaware of some of the functions “hidden” in those menus, which is the main reason why I’m considering changing this approach.

As an alternative, I thought of having a ‘classical’ menu button that extends the same menu on hover or on click. Anyhow, having this button always present makes the form very cluttered (check part #2 of the image). Imagine going through this form 8 hours per day, your head will explode.

I thought about the possibility to have this button appear only on hover, but it would make the interface ‘jump’ a lot, and I’d possibly have to move some of the content in order to show the menu button (for example, I’d have to move the ‘stale’ label)

Other ideas I thought about is to have something as gmail for phones does (slide to show options ‘hidden’ behind the actual field) but this interaction would not really feel natural on desktop, and this web app is mostly used on desktop.

I thought about displaying on hover some icons at the bottom or right of the field but this still makes everything jump around. Furthermore, some actions (e.g. mark as stale) does not have an obvious icon to represent them.

Does anyone have any idea about how to solve this? Any existing pattern I could reuse?

SharePoint 2010 show subsites dropdown menu link broken

enter image description here

I have a main site (Planning) that has the “Show subsites” option enabled in the navigation settings. All the links work correctly except for one of the subsites comes up with a “website cannot be found”, “http 404”. However, if I click on the parent site and select all site content, the link under sites and workspaces works just fine. I do notice the link on the drop down menu has /sitepages/home.aspx after the subsite name, versus the link under sites and workspaces ends with just the subsite name. Is there a way I can manually edit the dropdown menu link to match the sites and workspaces link? I’ve been through all the settings and still can’t find anything that will allow this. Thank you in advance!