Archived topic
Problem with hide-on-mobile
7 replies · Started by Marcin on January 3, 2021
Hello ! I'm trying to hide one out of two columns in my generateblock on mobile. I used hide-on-mobile class to the column but it is still visable on mobile. The link is here https://agnieszkagawrysiak.pl/kontakt/
And the image next to the contact form should be unvisible
Hi there,
The site isn't using GeneratePress.
Can you confirm?
Yes its using blocksy and generateblocks
Hi there,
those classes are built into GP. This is the CSS GP uses which you can add to your own styles:
@media (max-width: 768px) {
.hide-on-mobile {
display:none !important
}
}
@media (min-width: 769px) and(max-width: 1024px) {
.hide-on-tablet {
display:none !important
}
}
@media (min-width: 1025px) {
.hide-on-desktop {
display: none !important
}
}
But you can please refrain from using GP Premium support when asking questions that are not related to the GP theme - is a bit unfair for us to provide support for a different theme author.
Of course sorry I thought it's also a GenerateBlocks support. Plus I own gp premium if it makes any difference
The GP Premium support forum is to provide support for GP Theme and the GP Premium Plugin.
Yes, we do got outside of this scope for all of our users with the provision of custom code etc like in the instance i provided you the CSS you require to makes the classes work.
I am sure if you asked another Theme developer for support when you're not using their theme you would not receive the same resposne.
So the one fundamental requirement of our support is that your site is using GenereatePress.
Alright. Thanks so much!
You're welcome - thanks for understanding :)