You can apply the code by going to "Appearance > Customize > Additional CSS".
If you would also like to use custom CSS for other elements, I recommend Developer Tools on Chrome or Firebug on Firefox to inspect the elements on the page. Then you will know which CSS selector to adjust.
Dear Paul,
I'm trying to hide a section of a portfolio for the mobile version.
It's the thumbnails section in the first part of this page:
http://giuseppefanizza.info/project/gita-2016-ongoing/
Or you can see the section I want to hide in the attached jpg.
Could you please guide me trough this?
Thanks
Kind regards
Giuseppe
Oh, I tryed with a class such like this
@media (min-width: 500px) { … }
@media (max-width: 500px) {
.hidemobile {
display:none;
}
}
but the custom css panel shows me a warning message.
Thanks
Regards
Hello
You can try this custom CSS to target the thumbnail element only on this page:
@media screen and (max-width: 600px) { .post-725 .portfolio-content-wrapper .content-column { display: none; } }You can apply the code by going to "Appearance > Customize > Additional CSS".
If you would also like to use custom CSS for other elements, I recommend Developer Tools on Chrome or Firebug on Firefox to inspect the elements on the page. Then you will know which CSS selector to adjust.
More info: https://uxbarn.com/inspecting-elements-developer-tools/
Regards,
Paul
Great! Thank you very much!
Giuseppe
You're most welcome!