BlueOwlCreative » Topic: Hiding row on ipad

Hiding row on ipad

emersonwelch — Mon, 16 Nov 2015 12:32:16 +0000

Hi, few weeks ago you gave me a class to set up in order to hide columns on phone (hide_on_phone). It works but it does not delete rows on ipad (orizontal view). How can I fix this problem?

have a look from an ipad if you can: http://touchsystems.co.uk/top-business-management-software-tools/

before the call to action in blue LEARN MORE ABOUT OUR COMPANY, there is a grey background visible that I used in a row. How can I delete it?

Reply To: Hiding row on ipad

BlueOwl — Mon, 16 Nov 2015 15:21:04 +0000

Where do you have the CSS for that class defined? “hide_on_phone”

I can see you are currently hiding some columns via their Responsive Options.
If you want to use a class like this I would simply set some special CSS for it globally like so:

@media (max-width: 768px){
.hide_on_phone {
display: none;
}
}

This would hide everything with this class below 768px resolution.

Reply To: Hiding row on ipad

emersonwelch — Tue, 17 Nov 2015 08:47:39 +0000

I got this one. Is not good?

}
@media only screen and (max-width: 768px) {
.hide_on_phone {
display: none;
}

Reply To: Hiding row on ipad

BlueOwl — Tue, 17 Nov 2015 10:37:28 +0000

No…

Wrong placement of the curly bracket… Use the code I gave you above.