Floating Buttons Costume Icon on mobile device

Hi, I´m using the a costume icon at the Floating Button extension. On desktop site it works fine, but on mobile devices the icon is too small.
herz-projekt.me
1 month 5 days ago #1 by Timo Biehl

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5195) Offline
It looks fine on my end. Can you tell me what is missing?
1 month 5 days ago #2 by TemplatePlazza
Attachments:

Please Log in or Create an account to join the conversation.

Hi, this how it looks on my end (iPhone).
File Attachment:
1 month 5 days ago #3 by Timo Biehl

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5195) Offline
I think the CSS is probably conflicting with your template's CSS. Try adding this to the CSS adjustment tab in the module settings :
.fab-button img {width:100%!impprtant;height:auto!impprtant;}
1 month 5 days ago - 1 month 5 days ago #4 by TemplatePlazza
Last edit: 1 month 5 days ago by TemplatePlazza.

Please Log in or Create an account to join the conversation.

I'm already using css. her is the full code.
.fab-button:hover {
    background-color: #ffffff !important;
    transform:scale(1.1)
}
.fab-button img
 {
   width: 100% !important;
   height: auto !important;
}
.fab-button {
    height: 80px;
    width: 80px;
    bottom: 5px;
}
1 month 5 days ago #5 by Timo Biehl

Please Log in or Create an account to join the conversation.

Still not solved!
last test:
}@media (max-width: 767px) {    .fab-button img {        width: 100% !important;        height: auto !important;    }

No solution!
1 month 4 days ago #6 by Timo Biehl

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum