Fixed buttons with 2 choices


Topic: Fixed buttons with 2 choices

jouvrard pro asked 6 years ago

Hello, I want to use "Fixed button" but with only 2 other buttons appear. If I do that, these 2 buttons are too high from the original fixed button. How can I put them close to the fixed button please? I've tried to put a height of 150px to the "list-unstyled"ul but it's not a good solution because the "active area" takes this height... Thanks

Marta Szymanska staff pro premium answered 6 years ago

Hi, would you present your problem here: https://mdbootstrap.com/snippets/? Please, create the snippet with your code which shows the problem and then I'll try to help you with finding a solution. Best, Marta

jouvrard pro answered 6 years ago

Hello, Here is my snippet: https://mdbootstrap.com/snippets/jquery/furax/63652 As you can see, with only to attached button, they appear  on the top of the "unstyled" ul, with a blank between these buttons and the fixed one.

Anna Morawska staff answered 6 years ago

Hi jouvrard, please add the code shown below to you css rules:
.fixed-action-btn.active ul { height: 150px; }
  https://mdbootstrap.com/snippets/jquery/anna-morawska/77392 Best, Ania
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.10
  • Device: PC
  • Browser: All
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No