Jump to content
Sign in to follow this  
newcoder1010

How to remove weird space of mobile menu bars

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.

 

Share this post


Link to post
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.

Share this post


Link to post
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
Sign in to follow this  

×