Different views

hi,
This is a styling problem and needs to be adjusted in your css. Best option: add it to your Additional CSS in the Appearance > Customize menu. That way your other website will not be affected. Never make changes to the pool.css, because then your changes will be deleted on every plugin update.

From the images I can’t tell what to adjust, but it looks like the table width (or cells) ‘push’ the column out.

Another option is to change to the new flex layout (see plugin options). That layout is better optimized for mobile view.

regarding the comments in your PDF:

1. The placement of the flags and the rest is not correct in your theme 🙂 It should look something like this. The new layou is a flex layout and it looks like the individual blocks are a bit too big to fit on one line, causing them to be pushed to the next line. This means a small adjustment is needed for your theme.

2. The pool.css is automatically compiled from individual scss files and compressed, so, to be honest, I also do not always know where to look in the css. Best option is to use inspect in your browser, change the css in the developer window until it is correct and then copy & paste that into your additional css. But looking at your problem I think you need to make the image smaller for mobile viewports, e.g.:

@media ( max-width: 767px ) {
  table.matchinfo td.matchstats a img {
    /* your css */
  }
}

• This reply was modified 4 years, 11 months ago by AntoineH. Reason: added media query