Horizontal Scrolling issue on mobile

Resolved Betty
(@bettyst)

5 years, 5 months ago

I just tested this plugin (with pages) and it appears that it adds a horizontal scroll when opening up the page on mobile.

Basically the screen width is doubled and you can scroll far to the right. Does anyone has the same problem?

See this test page.

Viewing 2 replies - 1 through 2 (of 2 total)

Thread Starter

(@bettyst)

I fixed it with a lot of CSS, also made the image look bigger and removed the description text:


.postswiper-postcats {
  display: none;
}

.postswiper-postinfo {
  border: 0 !important;
  overflow: hidden;
  font-size: 0px;
	min-height: 300px;
}
.postswiper-featuredimg {
  position: absolute;
  top: 62px;
  left: 0;
  border-radius: 10px;
  width: 100% !important;
  height: calc(100% - 62px) !important;
  margin: 0 !important;

  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain !important;
}

.postswiper-wrapper.paper .postswiper-post {
  background: #fff !important;
}

.postswiper-posttitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 85%;
}