Mega menu entry meta word wrap cutting off

Question

Hello! I'm building a site with the News demo and it has been fantastic - just one issue I cannot seem to fix.
I have mega menu dropdowns in the main navigation. When the screen on desktop is full width, it all appears fine. When the width is reduced to tablet size (still the full menu and not the mobile menu), the entry meta text that wraps is being cut off on the left edge of the second (wrapped) line. It seems to have something to do with the .entry-meta ul -20px left margin, but changing that breaks the alignment of the first line of the wrap. This happens in the "About Single-Use Plastics" and "What's Being Done" menu items in the main navigation. Is there a way to prevent the wrapped text from being cut off on the left? Thanks!

SemiColonWeb · Accepted Answer

Hello, You can consider using the following code instead: [ch pre]

The convenience comes at a cost.

[/ch pre] This will definitely work fine. Hope this Helps! Let us know if we can help you with anything else or if you find any further issues.

phlyersphan · Answer

Perfect! This worked. Thank you so much!!!!

Semicolon Web · Answer

Glad the issue was resolved. Very Happy to Help! :) Do let us know if we can help you with anything else or if you find any further issues with Canvas.