[homagex]

Dear sir,

Hello.

We would like to change the width of content for mobile.
Default width is narrow and not good for Japanese words.

Could you kindly tell us the CSS code we should insert?

The following code is one we have tried but it does not work…

@media screen and (max-width: 479px)
.wrapper, .one-column.no-sidebar .site, .one-column.no-sidebar #fixed-header-top {
max-width: 340px;
}

The URL of the site is as follows.
http://cpa-exporter.com/blog/

Sincerely,

Pitaro

[tikaram]

@homagex : Its not an issue with the width of the content. You can try increasing the font size or letter spacing for mobile devices. Let me know if you need assistance.

Regards,
Tikaram

[homagex]

Thank you for your reply.

Unfortunately, we it is not problem for the font size or spacing.
(We know how to change the font size or spacing.)
We would like to increase the width of the content page.

Please find the following display.
https://www.fastpic.jp/viewer.php?file=4760888554.png

We would like to spread the content width (white part of the page).

Sincerely,

Pitaro

[tikaram]

@homagex : Go to Appearance => Customize => Additional css and add the following css

@media screen and (max-width: 320px){
	.wrapper {
		width:100%;
	}
}
@media screen and (max-width: 479px){
.wrapper {
		width:100%;
	}
}
@media screen and (max-width: 767px){
.wrapper {
		width:100%;
	}
}

Let me know if you have any further issues.

Regards,
Tikaram

[homagex]

Dear tikaram,

Thank you for your reply.

We added the CSS code but the display did not changed…
We would like to change the width of display when we see the website by Iphone6.

If we need additional code, could you kindly teach the code?
We are so sorry for taking your time.
https://www.fastpic.jp/viewer.php?file=4760888554.png

Sincerely,

Pitaro

[homagex]

Sorry, we could solve the problem.

Thank you for your assistance.

Sincerely,

Pitaro

[tikaram]

@homagex : Glad to know that the issue has been resolved. Have a Good day.

Regards,
Tikaram

[Author]

Posts