Gordon

@classicridge Awesome fix. In addition I think what I’ll do is add a style for the first child as it formats to the left (as intended) but is then cut off by the left side of the page.
I really appreciate the help!!

Disregard. I simply logged out and logged back in.

Thanks!

I too am having this issue. Was promised a button on the admin menu, but I don’t see one. Thanks.

Could you use the widths as a percentage instead?

Nope. It’s under development and not available to the public.

The basic idea stands. Why does twenty-sixteen have that crazy ‘fly-out’ positions which expand to the left.

Do the screen shots get the point across? Even the basic theme with no changes, the menus fly out to the left so I imagine any twenty-sixteen install would do the trick.

Thanks for the help themesumo.

Sorry I can’t be of more help.

Oh man. I’m in the wrong forum, lol. Sorry about that.

Are you using a theme which is pre-packaged with WordPress. Like twentyeleven or twentysixteen or something?
Remember, if you take away the ability to click, mobile and table users will have NO way of navigating the site via the menu.

You could probably use a menu plug-in instead of doing a whole new theme.

Side note:

You will run into problems with mobile view as mobile devices do not have the ability to hover, or roll-over. One can only click on a mobile device.

Yes I found it and the line.

In functions.js Line 31 (for me) states:
container.find( ‘.dropdown-toggle’ ).click( function( e ) {

Change that to:
container.find( ‘.dropdown-toggle’ ).hover( function( e ) {

Here is the path:
site/wp-content/themes/[varzovia’s-theme]/js/functions.js

Hope that helps. Please reply if this doesn’t work and we can keep working on it.

Hi,
I’m thinking you could find the javascript file which makes the dropdown’s work.
There will be a function which states, onclick=();
You can change that to onmouseover=();
https://www.w3schools.com/jsref/event_onmouseover.asp

If using jQuery there will be a different declaration. Something like ($menu).hover();

This probably was not of much help.

-Gordon

It’s Twenty Sixteen using a 2016 child theme and styles.

Thanks Andrzej,

I can rephrase here a bit.
The body text being covered is fine. My issue is how they flyout. The child menu-items are obscured because they are completely outside the container(s).

One error in my above paragraph:
Most websites have the flyouts left aligned and expand to the left.

I mean to say:
Most websites have the flyouts left aligned, drop straight down and expand to the right.

So it’s only the children of the primary (main) menu items which flyout to the left instead of to the right.

I figured there would be a setting to declare the orientation of the flyout menus. I’m of course always happy to use css.

Thanks again gang,
-Gordon