Hello @shawn007,
You can use this custom CSS, simply add it Customizer -> Additional CSS:
@media (max-width: 690px) {
:root {
--container-width: calc(88vw - var(--frame-size, 0px) * 2);
}
}
Change the 88 value for example to 95.
Let me know if this helps.
anonymized-15227681
(@anonymized-15227681)
Hi @shawn007
Could you try adding the following to the Additional CSS pane?
@media (max-width: 600px) {
#main > .ct-container {
width: 100%;
margin: 0px;
}}
This should do the trick 🙂
Thanks
-
This reply was modified 5 years ago by
anonymized-15227681.
Thank you @creativethemeshq & @strelok1911
Both the solution worked. However, they completely change my layout on all the pages including my Homepage and blog pages as well.
And I really appreciate you both.
However, is there any way to target only the Single post pages (Only the article pages)?
anonymized-15227681
(@anonymized-15227681)
Hi @shawn007
Can you try installing this — https://ww.wp.xz.cn/plugins/wp-add-custom-css/ — and adding the custom CSS lines just for the posts template? I’ve tried it on a customer’s website and it worked fine.
Let me know how it goes.
Thanks