Help in css code

Resolved

(@jodamade)

Hey guys,

for the website:
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/
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.

The page I need help with: [log in to see the link]

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

Plugin Author micropat
(@micropat)

8 years, 5 months ago
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
(@jodamade)

8 years, 5 months ago

Perfect, thank you.

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

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