Create Full Width Blog Posts

In this article, we're going to explain how to achieve full width blog posts.

By adding following code to the custom css (X/Pro > Theme Options > CSS) section, you will achieve a full width blog post layout.

.single-post .x-main.left {
width: 100%;
max-width: none;
}

.single-post aside.x-sidebar.right {
display: none;
}

 .single-post .entry-content {
   padding: 0 !important;
}

.single-post  .entry-wrap .x-container.max {
  min-width: 100%;
  width: 100%;
}

Summary

That's it! Your blog posts are now full width.

See something inaccurate? Let us know