Has anyone else who uses this theme noticed odd behavior when a sub-menu item is added to the dropdown?
What I have noticed is that the parent link (the one viewable at all times in the menu bar) requires two mouse clicks to open – but only if there is a sub item. If there is no sub-menu item, the link works perfectly on the first click. I’ve seen this with another theme and the workaround was to just not use sub-menu items.
The website in question is: https://mainesrc.org/
You can try it yourself. The oddity happens in Chrome, Edge and Firefox on Windows and on Chrome on Mac. It DOES NOT happen with Safari on Mac.
Suggestions (other than not use a sub-menu item or choose a different theme)?
~j
]]>I am trying out this theme and like it. Except I want to see the entire post and not excerpts. How do I do this?
]]>I’ve managed to adjust the font-size for the headers in the main page but I cannot figure out how to do the same for the sidebar widget headers.
I was able to reduce the text in the widgets but not the headers. They look like they are font-size: 2em. I’ve tried adding this to the a11yall-child theme but they are still enormous and take up a lot of room in the sidebar.
#main.aside.widget, #main.aside.widget_text div.textwidget {font-size: 96%;}
#main.widget-area h2 {
font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%;
font-size: 1em;
line-height: 1.2em;
font-weight: bold;
margin: 0 0 5px;
padding: 0;
text-transform: none;
}
#main.widget-area h3 {
font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%;
font-size: 0.9em;
line-height: 1.1em;
font-weight: bold;
margin: 0 0 5px;
padding: 0;
text-transform: none;
}
]]>
I’d like to get third- and fourth-level navigation menu items to show on hover in A11Y’all.
I’ve tried adding the following to my a11yall-child theme:
div#site-navigation ul ul { display: none; position: absolute;}
div#site-navigation li li:hover > a,
div#site-navigation ul ul:hover > a,
div#site-navigation li li a:focus > a { background-color: #222; color: #ddd;}
But I’m still getting only the first and second-level menu items.
]]>