How to get longer entries to wrap

This is due to your override of the CSS in /wp-content/uploads/oxygen/css/universal.css.

You have a rule that reads as follows:

.letter-section ul.columns li {
    margin-bottom: 15px;
    width: 450px;
}

This forces the width of the list to 450px independent of how big the viewport is. You could try amending it slightly with this:

.letter-section ul.columns li {
    margin-bottom: 15px;
    width: 450px;
    max-width: calc(100vw - 60px);
}

Though a better choice would be to override the plugin’s inbuild styles which reference the following selectors with enforced widths:

• .letter-section ul.columns.max-1-columns Enforces max-width to the size of 15.6em to correlate with 1 column’s width set in the next selector. There are several of these counting up to .letter-section ul.columns.max-14-columns. The values are the number of columns multiplied by 15em and then 0.6em added on top for padding.
• .letter-section ul.columns Enforces the column-width to 15em.

The amended version worked great. I put it in the Appearance >> Edit CSS tab.

Now I’m trying to understand how the Oxygen plugin makes the universal.css file and how I managed to put that particular rule in there that forces the column to 450px. Of course, that’s not an A-Z Listing plugin problem.

Am I correct in assuming that the right way to fix this would be to remove that overriding rule?

Removing the rule is one way to correct the issue, but there are others too.

You can also try to override the incorrect rule by setting:

.letter-section ul.columns li {
    width: initial;
}

Add this to your custom CSS and I think it will override the universal.css appropriately to set the list items back to their default size.

CSS rules are applied from top to bottom in sequence. The value initial in CSS means reset to “Browser default”. Any alterations to the width by any other CSS that is loaded before the rule with initial will be discarded and the value reset to its original browser default. Any CSS changing the width that comes after this rule will not be reset.