Title: Help in css code
Last modified: December 27, 2017

---

# Help in css code

 *  Resolved [jodamade](https://wordpress.org/support/users/jodamade/)
 * (@jodamade)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/help-in-css-code/)
 * Hey guys,
 * for the website:
    [http://www.minidealz.de](http://www.minidealz.de)
 * The sharebuttons for a screen width max 980 are fixed at bottom.
    100% width.
 * When i use the same code for
    [https://www.industriestaubsauger-vergleich.de/](https://www.industriestaubsauger-vergleich.de/)
   it creates a linebreak after the whatsapp button because it looks like that 100%
   width are too much?
 *     ```
       @media (max-width: 980px){
       .a2a_floating_style {
       width: 100% !important;
       padding-left: 0px!important;
       padding-right: 0px!important;
       bottom: -8px!important;
       }
       .a2a_button_print {
       display:none!important;
       }
       .a2a_button_facebook {
       width: 20%!important;
       background-color:#3B5998!important;
       }
       .a2a_button_twitter{
       width: 20%!important;
       background-color:#55ACEE!important;
       }
       .a2a_button_google_plus{
       width: 20%!important;
       background-color:#DD4B39!important;
       }
       .a2a_button_whatsapp{
       width: 20%!important;
       background-color:#12AF0A!important;
       }
       .a2a_button_email {
       width: 20%!important;
       background-color:#0166FF!important;
       }
       .a2a_svg { 
       border-radius: 0% !important;
       position: relative!important;
       left: 50%!important;
       margin-left: -16px!important;
       }
       }
       ```
   
 * Can you help me?
    Thanks.
    -  This topic was modified 8 years, 5 months ago by [jodamade](https://wordpress.org/support/users/jodamade/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhelp-in-css-code%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [micropat](https://wordpress.org/support/users/micropat/)
 * (@micropat)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/help-in-css-code/#post-9816283)
 * You can apply `border-box` box-sizing to have the calculated width/height include
   each element’s padding like:
 *     ```
       @media (max-width: 980px) {
         .a2a_floating_style a {
           box-sizing: border-box;
         }
       }
       ```
   
 *  Thread Starter [jodamade](https://wordpress.org/support/users/jodamade/)
 * (@jodamade)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/help-in-css-code/#post-9816865)
 * Perfect, thank you.

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

The topic ‘Help in css code’ is closed to new replies.

 * ![](https://ps.w.org/add-to-any/assets/icon.svg?rev=972738)
 * [AddToAny Share Buttons](https://wordpress.org/plugins/add-to-any/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/add-to-any/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/add-to-any/)
 * [Active Topics](https://wordpress.org/support/plugin/add-to-any/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/add-to-any/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/add-to-any/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [jodamade](https://wordpress.org/support/users/jodamade/)
 * Last activity: [8 years, 5 months ago](https://wordpress.org/support/topic/help-in-css-code/#post-9816865)
 * Status: resolved