-
Hi,
Can you please check the URL shared in the PI field, on your smartphone.
See how it does NOT look good. Please note that it is coming from the Coach GP site library template.
I see there is this Element (I did not create it).
How to fix this?
-
Fernando
Hi Nico,
Could you share a screenshot of the Content tab on that layout element?
-
Nico47
Hi,
So, here’s what you asked for:
ELEMENTS > Posts Width > Content tab, so as to help me fix the layout issues on smartphone for the blog posts.
-
In this specific post’s post editor, check the layout meta box, did you set it to full width?
If not, do you have any other layout element that might affect posts’s content container width?
-
Nico47
I’m not sure to understand where to check what you said. I found this.
As I said, I used the Coach theme from the GP Site Library and I did not add any element, si I can’t see why there would be anything impacting the layout of the post on smartphone?
The post has ZERO margin on smartphone.
-
Fernando
Coach’s posts shouldn’t be set to full width inherently. Your posts are full width. Could you share admin login credentials through the Private Information field so we can concretely check what’s causing this?
-
I already have access Fernando.
-
Fernando
Could you share the credentials for that user in the Private Information field?
-
Nico47
Done.
My issue remains valid: my BLOG POST is still not looking good on smartphone. There is no margin/padding and the text is stuck to the very border of the screen whereas there layout looks good for pages such as:
– my HOME page
– my ABOUT pages.I see there is also an issue with MY LATEST BOOK page.
Hopefully, you’ll be able to fix this with the credentials.
Thank you so much -
Hi there,
when you set the Content Container to Full Width it will also remove the Themes padding.
So for your single posts, you can add this CSS:.single-post.full-width-content :is(.inside-article, .comments-area ) { padding-inline: 20px; }
That will add Padding to the content and comments area.
-
Nico47
Hi David,
I copied and paste the code snippet to my Child Theme CSS. Can you see the situation being fixed on your side?
If I look at the blog post on my smartphone, there’s still the no-padding layout issue. -
Its because of this comment you added to your CSS:
*Add Padding to the content and comments area of single blog posts */
Its missing the opening
/
Change it to:
/*Add Padding to the content and comments area of single blog posts */
-
Nico47
My bad. Thank you David.
Can you confirm that each and every new post I create will now be good? No more need to adjust anything in terms of the overall layout issue we discussed?
Thank and happy new year
-
Nico47
Hello again,
Same issue on the page X listed in the PI field.
How to fix the overall padding (or margin?) issue? -
Fernando
Edit the code provided by David to:
.full-width-content:is(.single-post,.page) :is(.inside-article, .comments-area ) { padding-inline: 20px; }
-
Nico47
Hi,
Can you please check it now works?
I was not expecting to have to do so many modifications when selecting a ready-to-use template from the GP Site Library. I made sure to replace all photos by pictures of the exact same size…Not sure why I had so many issues with the layout. Anyway, I hope we’re almost solved with this.
- You must be logged in to reply to this topic.