[Resolved] Site is not proper on Mobile – Marketer Theme

[Yudhistra]

Hello,

On mobile, the blog posts have a large gap between them on the homepage.
On a single blog post, the content is sticking to the edges.

Kindly help.

site: https://www.bloggermode.com/

[David]

Hi there,

1. you can reduce the Separating Space in Customizer > Layout > Container to reduce the gap between posts.

Or if you only want to reduce it on Mobile then you would use this CSS:

@media(max-width: 768px) {
  .generate-columns-container .generate-columns {
    margin-bottom: 5px;
  }
}

2. You have your Content Container set to Contained, i assume you set this in the Layout Element, this option removes the themes padding. Switch it back to Default.

[Yudhistra]

Thank you, David.
It worked great.

[David]

You’re welcome

[Author]

Posts