Title: Scaling for Responsive?
Last modified: August 22, 2016

---

# Scaling for Responsive?

 *  [Rachel Goldstein](https://wordpress.org/support/users/rachelgoldstein71/)
 * (@rachelgoldstein71)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/scaling-for-responsive/)
 * Great plugin, and thank you so much. I was wondering if it’s possible to edit
   the CSS so it scales responsively? I am trying to use it here, and while the 
   rest of the site scales, the buttons stay big:
    [http://shinglestylehomeplans.com/landing-page/](http://shinglestylehomeplans.com/landing-page/)
   Thanks.
 * [https://wordpress.org/plugins/smooth-page-scroll-updown-buttons/](https://wordpress.org/plugins/smooth-page-scroll-updown-buttons/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Senff – a11n](https://wordpress.org/support/users/senff/)
 * (@senff)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/scaling-for-responsive/#post-5564593)
 * Thanks for downloading the plugin.
 * It’s very difficult to build in responsiveness in a plug like this, because every
   site is different. Some sites want to have smaller buttons on mobile phones and
   on tablets, other sites may want to have smaller buttons on mobile only and regular
   buttons on tablets, and so on.
 * This, especially the breakpoints, always depends on the individual design, so
   it’s not very handy to “force” a certain way of responsiveness to every user.
 * But that’s why I designed the buttons as they are — I tried to make them look
   good (especially the size) for every screen size, and I personally think they
   look good on your site when viewed on mobile.
 * Having said that — of course you can add your own CSS to make the buttons smaller.
   If you add the following code to your CSS, it will make the buttons a little 
   smaller. Note that it’s only a startup suggestion so you can tweak it a little
   more.
 * However, even though this would make the buttons smaller, it doesn’t look as 
   great as their normal size, I think.
 *     ```
       @media only screen and (max-width: 500px) {
   
       	body .page-scroll-buttons button.one-page-up {
       		width:35px;
       		height:35px;
       		background-position:-4px 0;
       		bottom:50px;
       	}
   
       	body .page-scroll-buttons button.one-page-down {
       		width:35px;
       		height:35px;
       		background-position:-49px -11px;
       	}
   
       }
       ```
   
 *  Thread Starter [Rachel Goldstein](https://wordpress.org/support/users/rachelgoldstein71/)
 * (@rachelgoldstein71)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/scaling-for-responsive/#post-5564621)
 * Thanks, I will try that.
 *  [danwpc](https://wordpress.org/support/users/danwpc/)
 * (@danwpc)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/scaling-for-responsive/#post-5564943)
 * Changing their opacity could help on really small screens

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Scaling for Responsive?’ is closed to new replies.

 * ![](https://ps.w.org/smooth-page-scroll-updown-buttons/assets/icon-256x256.png?
   rev=1019545)
 * [Smooth Page Scroll Up/Down Buttons](https://wordpress.org/plugins/smooth-page-scroll-updown-buttons/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/smooth-page-scroll-updown-buttons/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/smooth-page-scroll-updown-buttons/)
 * [Active Topics](https://wordpress.org/support/plugin/smooth-page-scroll-updown-buttons/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/smooth-page-scroll-updown-buttons/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/smooth-page-scroll-updown-buttons/reviews/)

## Tags

 * [Scale](https://wordpress.org/support/topic-tag/scale/)

 * 3 replies
 * 3 participants
 * Last reply from: [danwpc](https://wordpress.org/support/users/danwpc/)
 * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/scaling-for-responsive/#post-5564943)
 * Status: not resolved