How can I maximize the width of blog posts in Dawn theme on mobile?

[tanaka2988]

こちらDawnテーマ最新バージョンで構築したショップになります。モバイル表示時にブログ記事の横幅が小さすぎるので、下のメールボックスほどの大きさに変更したいと思ってます。いろいろやってみましたが、うまくいかなったのでどなたか助けて欲しいです。

[Moeed]

Hey @tanaka2988

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[tanaka2988]

https://yuzuchan.shop/ okay. this is my website.

[tanaka2988]

https://yuzuchan.shop/blogs/topics/valentines-white-day-special . sorry, this is my problem article.

[Made4uo-Ribe]

Hi @tanaka2988

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (max-width: 749px){
.article-template__content.page-width.page-width--narrow.rte {
    padding: 0 3rem !important;
}
}

And Save.

Result:

The current size of the side you have is 9rem. So I make it 3rem same on the menu header.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[tanaka2988]

I solved this problem to see your posting. Thank you so much~~!!

[Made4uo-Ribe]

Your welcome .