Extra shortcodes icons cancel line wrapping

[Jake]

Jake

October 20, 2020 at 10:01 am

I am creating a menu page. Some of the menu items require an icon indicating that they are gluten-free or vegan options. I used the extra shortcodes to insert an icon at the end of the menu item. However, when I view the actual page, text wrapping is cancelled and the next menu item in the list immediately follows the previous one instead of appearing on a new line as it should.

I added a break code <br/> after each line, but this didn’t work, either. The break code disappears when I update the page. Even if it did work, I need my client to be able to go in and easily update her menu without worrying about adding html code.

Is there some snippet of custom css I can use to make this appear properly?

Here is a link to the page: *Login to see link

Edit for additional info: I noticed a line in the inspect element that says >> font-display: block. This is crossed out with “Unknown property name.” When I changed the line to >> display: block; >> the icon was forced onto a new line all by itself. I don’t know how to fix this, but this may be where the problem is.

• This topic was modified 5 years, 5 months ago by Jake.