Remove the padding right modal on navigation

Topic: Remove the padding right modal on navigation

Neanrakyr pro asked 6 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 6 years ago

put 0 iof 17px

Add comment

Hasan Ali Haolader free answered 1 year ago

0 0 Best answer

Add in JS

modal.on('show.bs.modal', function () {
    $('body').addClass('modal-padding-overlap');
});

Add in CSS

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

Add comment

mustufaahmed375 free answered 5 years ago

0 0 Best answer

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

Add comment

LauraPitskhelauri pro answered 6 years ago

0 0 Best answer

Hi, I had same problem, i found solution by removing class .fade https://stackoverflow.com/questions/32862394/bootstrap-modals-keep-adding-padding-right-to-body-after-closed

Marta Wierzbicka staff commented 6 years ago

OK, great.

Add comment

Marta Wierzbicka staff answered 6 years ago