Archived topic

Container not working correctly on tablet

5 replies · Started by Matthew on January 9, 2019

Viewing posts 1–6 of 6

January 9, 2019 at 3:29 pm #777731

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! :)

January 9, 2019 at 3:41 pm #777741

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.

January 10, 2019 at 7:19 am #778357

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

January 10, 2019 at 8:55 am #778445

No problem :)

January 10, 2019 at 9:17 am #778477

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? :)

January 10, 2019 at 12:09 pm #778625

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 :)

This archived topic is closed to new replies.

Start building better websites today.