Adding tab (space) between text

  • Resolved tezartdesign

    (@tezartdesign)


    3 years, 2 months ago

    Good day!

    I have a little question, I made a taxonomy table of one of the creatures I described. It works just fine on desktops, but on a mobile device the left block, which should be aligned with the right, is ABOVE the right block.
    How do I stop that from happening?

    I much rather use a tab (space) between the classification and the names, although I don’t mind using blocks or another system. But I really just want it to look right. How do I solve this?
    I don’t think Elementor will be the solution as some posts do and some don’t include it.

    Example post:
    https://www.lifetolegend.com/living-species/turritopsis-dohrnii-phoenix-of-the-ocean/

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • George Appiah

    (@gappiah)

    3 years, 2 months ago

    I would use a TABLE block for this, not a COLUMS block… as this is clearly tabular data.

    Anyway, try adding this code to the ADDITIONAL CSS box of APPEARANCE => CUSTOMIZE => ADDITIONAL CSS.

    @media (max-width: 782px) {
.wp-block-columns {
    flex-wrap: nowrap;
} }
    Thread Starter tezartdesign

    (@tezartdesign)

    3 years, 2 months ago

    Thank you! I didn’t realize I should use the columns block, that solved the whole problem!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adding tab (space) between text’ is closed to new replies.