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
8 months 3 weeks ago #1 by Timo Biehl

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

  • Posted by TemplatePlazza (5260) Offline
It looks fine on my end. Can you tell me what is missing?
8 months 3 weeks 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:
8 months 3 weeks ago #3 by Timo Biehl

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

  • Posted by TemplatePlazza (5260) 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;}
8 months 3 weeks ago - 8 months 3 weeks ago #4 by TemplatePlazza
Last edit: 8 months 3 weeks 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;
}
8 months 3 weeks 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!
8 months 3 weeks ago #6 by Timo Biehl

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

Powered by Kunena Forum