body{
overflow-x:hidden;
}
Try setting the width of new-parent div to 100%
.new-parent{
overflow:auto;
white-space:nowrap;
width:100%;
}
Solution 1 :
Solution 2 :
body{overflow-x:hidden;} should help
Problem :
When I add overflow:auto and white-space:nowrap to new-parent div then it adds a scrollbar to the whole page due to which navigation header and footer becomes like this:
.new-parent{
overflow:auto;
white-space:nowrap;
}
.new-col-child{
height:100%;
display:inline-table;
margin-left:-3px;
width: 300px;
border-right: 1px solid #E4E2E4;
}
<div class="new-parent">
<div class="new-col-child"> ..... </div>
<div class="new-col-child"> ..... </div>
<div class="new-col-child"> ..... </div>
<div class="new-col-child"> ..... </div>
<div class="new-col-child"> ..... </div>
</div>
Comments
Comment posted by Rishab Tyagi
did you try
Comment posted by Rishab Tyagi
could you share your codepen/jsfiddle or website link?It will be easy for us to help you after that.
Comment posted by Gagandeep Singh
have you tried
Comment posted by Issue link
body{overflow-x:hidden;} solved the problem of navbar header, footer and page scroller added to page but new issue comes. please check the issue at this
Comment posted by Gagandeep Singh
Try to give max-width to the parent div of these drop down filters, so that the content stays in viewport and does not go beyond it.
Comment posted by Gagandeep Singh
I am afraid I won’t be of much help until I check it, so will you able to share some more code or link reproducing the issue ?
Comment posted by Gurami Nikolaishvili
could you share website link to debug the code and see what is issue?
Comment posted by Gurami Nikolaishvili
do you need to keep “all leads, all users, actual value and options ” when you open left side menu?