Overlaps in X & Pro Default Breakpoint Tabs II

[ajonesx]

Hi All,

I’m still having the same issue with overlaps in the assigned breakpoints for both X Theme (in Cornerstone) and Pro (Header & Footer builders) described in my previous post:

Overlaps in X & Pro Default Breakpoint Tabs

Hi xPro Team, I’m building two separate websites for me and my wife using CSS styling for the breakpoints on mine in X Theme and using the default breakpoint tabs for my wife in Pro. I just started building my wife’s website and am making the header and footer using the Pro-builders and have been getting 1px or 2px overlaps in the default Pro breakpoint transitions where both (or more) elements are showing instead of switching from one to the other. [image] I was experimenting with showing/hi…

I could use some help as overlaps like this in the programs’ basic breakpoint settings is a bit much to deal with?

Thanks

[ruenel]

Hello @ajonesx,

I have check the other thread and I would recommend that you update the code into this:

/* Social-11 LINEAR 1x6 */

@media (min-width: 980px) and (max-width: 1185px) {
	#text-11.widget.widget_text {
		display: none;
	}
}

/* Social-14 SQUARE 2x3 */

@media (min-width : 1184px) {
	#text-14.widget.widget_text {
		display: none;
	}
}

@media (max-width : 979px) {
	#text-14.widget.widget_text {
		display: none;
	}
}

(min-width: 980px) will only take effect when the screen size is 980 pixels or more.
(max-width: 979px) will take effect as soon as the screen size is less than 980 pixels.

Hope this helps.