Topic: Remove the padding right modal on navigation

Neanrakyr pro asked 5 years ago

Hello, today I install the modal button in my navigation. When I click on the icon I see a style who appared on my body: style="padding-right: 17px;" I would like to know how to remove it, because each time i click on the button all my menu move. Thank you

Manuel Remus Stanca free commented 5 years ago

put 0 iof 17px

Add in JS

modal.on('', function () {

Add in CSS

.modal-padding-overlap[style] {
    padding-right:0 !important;
    padding-left: 0 !important;

mustufaahmed375 free answered 4 years ago

Also, try this, body { padding-right: 0 !important }its literally solve my problem

LauraPitskhelauri pro answered 5 years ago

Hi, I had same problem, i found solution by removing class .fade

Marta Wierzbicka staff commented 5 years ago

OK, great.

Marta Wierzbicka staff answered 5 years ago

Hi Neanrakyr, is the Manuel Remus Stanca's answer fine for you? Best, Marta

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No