[Solved] A Horizontal Scroll Bar Is Added In Mobile View


#1

When ever I view my blog’s template in mobile view it ads a horizontal scroll bar. While it was not present in 768px and it works fine in that size but in mobile size it shows. Here is a screenshot

And see at the footer widget also it was not showing correctly wanna fix it.


#2

for your 1st sol add this css

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

This will disable horizontal scrolling

By adding this media query it would be ok I guess

@media only screen and (max-width: 768px)
#attribution .right {
  float: right!important;
  margin-top: -50px !important;
  margin-right: 170px;
}

#3

Thanks @Nafees My Problem Is Solved Now Both of the above codes worked.


#4

@Hassan Always Welcome for more questions brother :wink: