Container not working correctly on tablet size screen

This support ticket is created Il y a 6 années et 1 mois. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Marqué : Views, Views plugin

Ce sujet contient 1 réponse, a 2 voix.

Dernière mise à jour par Christian Cox Il y a 6 années et 1 mois.

Assisté par: Christian Cox.

Auteur

Publications

janvier 10, 2019 at 3:21 pm #1181539

matthewL-7

Hi,

If you scroll down to the Free Competitions part of the page (see link below), this box is a view with a view inside that view.

lien caché

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

Screenshot to see you what I mean:
lien caché

Thanks for your help! ?

janvier 10, 2019 at 5:02 pm #1181631

Christian Cox

Screen Shot 2019-01-10 at 11.53.20 AM.png

Looks like a media query is causing the clearing div to be hidden at specific resolutions. See the screenshot here. The style is coming from a CSS file in the lightweight columns plugin. You'll have to override that somehow with custom CSS. You could add a CSS class to this View and define a more specific media query style for that clearing class:

@media (max-width: 1024px) {
  .your-unique-view-class .lgc-clear {
    display: block;
  }
}

More info about these techniques:
https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/
https://www.w3schools.com/css/css_rwd_mediaqueries.asp