[Resolved] Container not working correctly on tablet

[Matthew]

Hi,

I am using GeneratePress Sections for the page, if you scroll down to the Free Competitions part of the page, this box is a section on the page and the table is built using LGC plugin.

For some reason on tablet the content goes our the white container but on mobile it is fine. Any ideas why it is is doing this?

Thanks for your help! 🙂

[Leo]

Hi there,

It’s not going out of GP’s section container:
https://www.screencast.com/t/xridLskX

The insider container seems to be causing the problem as it’s not resizing. It also looks quite complicated:
https://www.screencast.com/t/J4GzVoeShr

Looks like it’s added using a plugin WP Views so you will need to check with their support.

[Matthew]

Ah OK yes I see what you mean, I will check with them! Thanks 🙂

[Leo]

No problem 🙂

[Matthew]

It seems to be something to do with the media query that is causing this.

Please see the below screenshot:

https://prnt.sc/m5h65f

I tried giving the columns a unique class and then tried to target them using the following:

@media (max-width: 1024px) {
  .home-category-view .lgc-clear {
    display: block;
  }
}

But that didn’t seem to work, any ideas Leo? 🙂

[Leo]

What if you do this?

@media (max-width: 1024px) {
    .lgc-clear {
        display: block !important;
    }
}

Please keep in mind even though we try to help with general CSS questions but this is still a forum for GP related questions 🙂

[Author]

Posts