Elementor Assistance With Widget Options

Mat thanks for the quick and helpful reply.

I pasted your username and pw from my last message into WP and it worked. So I don’t get it. But I set up another user account for you as explained in the private information window.

You were right. I had not noticed there were two Menu Widgets. On the free version I lucked out and got Pages, but on the pro version I got the Post Widget and didn’t notice. Anyway, that problem is solved.

It is now set up on the page: Home > Politics > Test AS Menu  (http://zfacts.com/newz/some-of-zfacts/politics/test-a-s-menu/)

But it just shows ZFacts (the name of the home page).

If you expand the accordion you can get it to show:

ZFacts

Politics

Test Menu Pro

Subpage 1

Sub Page Two

Plus it will be showing a lot of other pages. Since this happens on page “Test Menu Pro” (aka Test AS Menu), I want it to start out showing the above pages and no other pages. I’ve tried many different settings, but can’t figure out how to do that. Suggestions?

Thanks again,

Steve

 

Hi Mat,

Thanks very much for this. I got it working, … except for when the current page is the home page.

What I’m shooting for is: (1) the current page (which is not a link) is black, and the other pages (which are links) are blue.

You can see it working, for example, here http://zfacts.com/newz/zfact-is-back/politics/

It looks a little different because I tried styling it with Elementor using this CSS:

.current_page_item {

color:black;

font-size:20px;

}

Apparently the color:black gets reset, and because of the structure of your list and the placement of CSS classes, the font-size does not just apply to current_page_item as expected. So I’m stumped.

So I wonder if you could help with this?

Also, I don’t mean to be pushy or anything, but I had a couple of ideas that I thought might prove useful for this and a lot of other cases.

It seems that there should be CSS classes for a bunch of things: current page, parent pages, child pages, top-parent-page, parent siblings, child-siblings …  And these should just apply to the page-by-page and not, say, to the page and all childern etc. You could do this if you build your list like this:

<ul>

<li>Coffee</li>

<ul>

<li>Moka</li>

</ul>

<li>Tea</li>

<li>Milk</li>

</ul>

Or your could do it by wrapping each list item in a span:  <span class=…><a …>page-name</a></span>

With that set up you could even turn off siblings (as you did for me) just by using CSS, or giving users access to styling as an advanced control. For example    .child-sibling-page {display:none;}   would do it.

Best regards,

Steve

PS  I think this plugin provides a great service and should get much more potential. You might advertise it as a CMS menu, as I think it is CMS people (like me) who need it.

 

Mat,

Thanks again. Yes, that checkbox did it. And I’ve been able to control color on all the links.

I’ve also built a hamburger button in Elementor that appears on smartphones and opens your menu in a popup. Did I miss a more obvious way to make your menu responsive? The problem is that if a person wants to go down two levels, they must click down one (and then the menu disappears) and then re-open the menu with the hamburger button and click down again. That’s quite awkward.

I thought the accordion feature would be the perfect solution, but when I turn it on, I only get minus signs and no plus signs. So I can turn off the children and close down the menu to just the home page and one child, but I can’t look forward with it to see pages below the children of my current page.

Is there some way to get the accordion menu to expand instead of just shrink?

Thanks again,

Steve

 

 

Thanks for the quick reply.

I had tried that, but I tried it again with various combinations of other settings. Your menu for onpointplugins.com, on a smartphone, seems close to what I want, but it’s too limited for me to be sure. I also tried turning off the code you sent (for removing current-page siblings) and that got some helpful plus signs to show up, but I still couldn’t get close to what I need.

What I need for a cell phone is this:

Home

Subpage

Current page

child 1     +

child 2     +

Where plus (+) means it will expand to show the grandchildren of the current page.

If it also showed siblings of the current page that would work, but it’s not my preference.

If it showed any more siblings, I’m afraid it would really get too large.

Thanks again,

Steve

Hi Mat,

Thanks again for the quick and accurate reply.

That worked just as you said. And I am able to partly gray-out and shrink the distracting items I didn’t want, which also helps ensure the current page will almost always be visible when the menu opens on a smartphone. So this will work.

But there is one anomaly: counting Home as level 1, on a level-5 page, the level-6 sub-pages are not indented, as happens on all higher levels. I gave the menu lots more width and turned off all my CSS, but that didn’t help.

Is there some way I could get that working for another level or two?

Thanks,

Steve

That did it!  Thanks a bunch for the super good support.

-Steve