The partner-button-phone class has display set to none in MT for all screen sizes except Phone and Phone & Tablet. The partner-button-non-phone class has display set to none in MT for all Phone and Phone & Tablet screen sizes.
But the button with class partner-button-phone is not showing up at all – not even on phones where it is supposed to show up.
I’ve never had this issue before with hiding content based on screen size. Perhaps I overlooked something simple. Hoping you can help as usual Sebastian.
In your Buttons folder, you have the following selector: Partner Button On Phones In Product Short Description.
On the Desktop & Tablet tab, you have hidden the button with a class of partner-button-phone. The Desktop & Tablet media query specifies a max-width: 979px condition. This affects mobile too, because their is no min-width condition.
The solution is to set display:block on the Phone tab for the Partner Button On Phones In Product Short Description selector. This will override the display:hidden value you set on the Desktop & Tablet tab.
I set display to block for selector “Partner Button On Phones In Product Short Description” to on Phone and Phone and Tablet & Phone tabs.
But the button is still not showing up on phones.
I’m wondering if it has something to do with this:
That selector has F tagged under All Devices from a previous setting. By tagged I mean the little icon that shows to indicate there is something edited in that section. But there is nothing actually for All Devices anymore. Could it be that something from the selector’s previous settings is messing something up, like it’s caching an old setting or something?
.
.