Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #121439
    homagex
    Participant

    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

    #121442
    tikaram
    Keymaster

    @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

    #121473
    homagex
    Participant

    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

    #121532
    tikaram
    Keymaster

    @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

    #121735
    homagex
    Participant

    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

    #121737
    homagex
    Participant

    Sorry, we could solve the problem.

    Thank you for your assistance.

    Sincerely,

    Pitaro

    #121786
    tikaram
    Keymaster

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

    Regards,
    Tikaram

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘The width for mobile (Catch Evolution)’ is closed to new replies.