force cells to stay in one line?

  • Resolved blackflamingo

    (@blackflamingo)


    4 years, 4 months ago

    Hi Tobias,
    can I force the cells below “Logistik & Handel” (e.a. Maschinenbau, Anlagenbau, etc.) to stay in one line when resizing the browser window to mobile phone size?
    I added in front of each line a transparent image size (except “Kran- und Hebezeuge”, which is linked) to have the same padding and behavior. When resizing the browser window these images and text are seperated into two lines.
    Hope you understand my issue,
    best,
    Torsten

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    For this, you could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-44 td,
.tablepress-id-45 td {
  white-space: nowrap;
}
.tablepress-id-44 img,
.tablepress-id-45 img {
  display: inline;
}

    Note however that using nested HTML lists (i.e. <ul> and <li> tags) with proper CSS styling would be the better semantic solution for something like this navigation list.

    Regards,
    Tobias

    Thread Starter blackflamingo

    (@blackflamingo)

    no trouble, simply awesome!
    Thanks a lot!
    Torsten

    • This reply was modified 4 years, 4 months ago by blackflamingo.
    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘force cells to stay in one line?’ is closed to new replies.