Different padding for mobile view and desktop view

[Tammet]

I want to narrow my desktop view but then also narrows mobile view. But what I want is that my desktop view is narrow but mobile view is wide like from one side to the other. So how can I create different desktop view and mobile view.

[ruenel]

Hello There,

Thanks for writing in! To resolve your issue, you must do the following:
1.) Please edit your page and make sure that there are no negative margins and paddings in your sections, rows and columns.
2.) And then insert the following custom css in the settings tab, Settings > Custom CSS

@media(max-width: 767px){
  .x-section .x-container.max.width {
    width: 98%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }    
}

Hope this helps. Please let us know how it goes.

[Tammet]

Hi. I got my problem solved thanks to you.

But I have another question. I want my website to be a blog and in a way that different posts are displayed on a homepage. I like to create posts with Cornerstone but it appears that Wordpress text editor and Cornerstone are conflicted. What I mean is that if I use Cornerstone for creating posts then my text is messy and written over another text. So, long story short, here are the question:

1. I know that I can create pages with Cornerstone and posts with Wordpress editor but can I use Cornerstone for both of them (aka creating posts and pages)?

2.What WordPress setting are you recommending to display all posts on a homepage?

3. Is there demo content or some code that makes my homepage/landing page look like this site https://oliveremberton.com/ (I like that posts with image are on the left and little picture of author and email form on the right).

Chris

[rad]

Hi there,

1. You can use cornerstone on both page and post.

2. You should manually add excerpts to your posts, it’s Wordpress feature. Please check this external article about excerpts http://buildwpyourself.com/wordpress-manual-excerpts-more-tag/

3. That’s standard blog page, integrity stack should work (any demo). But make sure your Admin > Settings > Reading > Your homepage displays is set to Your latest posts. It’s the setting where you can set what kind of home page you wish to display. And then, make sure to add widgets to your blog sidebar (for author, subscription form, and social icons).
   Demos has no importable widgets, you will have to add them manually to your sidebar.

Thanks!

[Tammet]

Hello again.

I got my things fixed, so thank you. But I got a new problem. I have posts and sidebar on the landing page and that is correct (i like it that way), but when i click on some posts on the landing page then the post opens and content is not centered anymore like there is a sidebar but i’m not using sidebar there. I’m using sidebar only on landing page (homepage)

So, basically I want that my content is centered after i click on the post. Is there any quick fix?

[christian]

Hey @Tammet,

Your content is centered. Please try clearing your browser’s cache then check again.

If that is not what you see, please open a separate thread (to avoid future confusion) for this issue and give us the specific URL of the page and a screenshot of what you see in the new thread.

Thanks.