If you want to remove the container you can easily remove that by adding a class using the "Extra Class" option in VC and then set it to display none like you have done for above also the maxwidth for mobile is 480px so the correct media query would be like this:
@media only screen and (max-width : 480px) {
.my-row-class {
display: none!important;
}
}
Hi
I am trying to hide certain sections on mobile and the following css hides the content nicely but it doesn't hide the container.
The password is social5 and this applies to the homepage.
Many thanks, Si
@media only screen and (min-width : 1px) and (max-width : 1000px) {
.nectar-milestone {
display: none!important;
}
}
Hey Simon!
If you want to remove the container you can easily remove that by adding a class using the "Extra Class" option in VC and then set it to display none like you have done for above also the maxwidth for mobile is 480px so the correct media query would be like this:
@media only screen and (max-width : 480px) { .my-row-class { display: none!important; } }
Thanks
ThemeNectar Support Team
Struggling to get the row to hide but maybe browser cache.
Is it possible to hide a column (within a row) rather than the whole row/section?
I want to hide the image on the right of the screen attached. It's a background image within a column.
Many thanks, Si
Hey Again!
Sure, Simply right click on the column inspect element and chech the column span class. If its span6 simply add css like this :
@media only screen and (max-width : 480px) { .my-row-class .span6 { display: none!important; } }
Thanks
ThemeNectar Support Team