Title: Page customization through CSS
Last modified: August 31, 2016

---

# Page customization through CSS

 *  [girroir](https://wordpress.org/support/users/girroir/)
 * (@girroir)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/page-customization-through-css/)
 * I’d like to further customize this page:
 * [http://www.techsoft3d.com/products/hoops-toolkits/hoops-communicator/](http://www.techsoft3d.com/products/hoops-toolkits/hoops-communicator/)
 * We are using the Smartbox theme.
 * I’d like to make the content of this page responsive. If the screen is smaller
   than a than 480px (smartphones), we’d like to remove the header “Click to launch…”
   and everything below that. Here is the css media query I believe I need:
 *  [@media](https://wordpress.org/support/users/media/) only screen and (max-width:
   480px) {
    .communicator_mobile { display: none; visibility: hidden; } }
 * And then apply it in a div:
 * <div class=” communicator_mobile “>
    … </div>
 * I just don’t know where to place the CSS. I don’t think it can go in the actual
   page and doesn’t seem to work when I put it in style.css. Where does it go or
   can I tap into an existing class that is already part of this theme.
 * Many thanks.

The topic ‘Page customization through CSS’ is closed to new replies.

 * 0 replies
 * 1 participant
 * Last reply from: [girroir](https://wordpress.org/support/users/girroir/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/page-customization-through-css/)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics