How to remove weird space of mobile menu bars

[newcoder1010]

Hello,

I see a space to the right of mobile menu bars. I just cant fix it. How can I remove the space to the right of mobile menu? If you could see the link for an image, it might help you to understand my problem. 

<div data-mediasize="992" class="responsive-menus responsive-menus-0-1 absolute responsified">
  <span class="toggler">☰ </span>
  <section id="rm-removed" class="responsive-menus-simple">
  <ul class="rm-removed" id="rm-removed">
  </ul>
</section></div>

.responsive-menus.responsified {
    margin-top: 130px;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
}

.responsive-menus.responsified {
    clear: both;
    width: 100%;
}

https://drive.google.com/open?id=1CuZEdWwRkg1tAFR9HQTGZdali3RtYlYG

Thanks.

 

[Ingolme]

There are more styles being applied to the element than the ones you're showing here.

With a width 100% and absolute positioning, that may be the result you get. Absolute positioning disregards the padding of the parent element, so the missing space on the right side would correspond to the additional space being taken up on the left.