Jump to content

How to remove weird space of mobile menu bars


newcoder1010
 Share

Recommended Posts

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.

 

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...