Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #82096
    RobertB
    Member

    Hi!

    So I have a website with the Clean Journal theme and I tested it on an iPhone. The problem is that the post previews look squeezed in the page, even though there is space. What can I do to increase the width of it? Here is a screenshot so you get the idea.

    Thank you in advance!

    #82103
    Pratik
    Participant

    Hi @RobertB,
    Assuming discoveryarcade.com is your site, is it possible to view the site, as currently it asks for password.

    Also, can you check Clean Journal Demo and let me know if the problem persists there too?

    Regards,
    Pratik

    #82112
    RobertB
    Member

    Hi!

    Thank you for the reply. I am running a preview for some members, so thats’ s why it asks for password. The password is discoverytester.

    Also, the error is not on the demo website, so this is a mistake in the stye.css that I probably made.

    Thank you!

    #82118
    Pratik
    Participant

    Hi @RobertB,
    I will point out a few things:
    1. The error is due to line 2946 in your style.css, which is as follows:

    
    #site-branding, #main, #content_sidebar_wrap, #content_sidebar_wrap #main, .sidebar-primary {
        width: 50%;
    }
    

    This should be as follows, and this issue will go away:

    
    #site-branding, #main, #content_sidebar_wrap, #content_sidebar_wrap #main, .sidebar-primary {
        width: 100%;
    }
    

    2. You should never edit the main theme files. If you do this, all changes will be lost on updating the theme.

    If you want to change the CSS, you can simply go to “Appearance=> Customize=> Theme Options=> Custom CSS” box and add in new CSS if they are a few. This will override the original CSS.

    If there is a lot of CSS to be changed, it should be done via child theme. The details on child theme is here.

    Let me know if things work out or not.

    Regards,
    Pratik

    #82352
    RobertB
    Member

    Thank you! It worked, but when I click on “Guide”, on mobile, the preview is still small though.

    #82363
    Pratik
    Participant

    Hi @poberdB,
    Can you let me know how you added the content in that page? If you are familiar with HTMl and CSS, then it is due to an inline CSS that adds padding-left: 250px in that <p> tag. Remove it and it will work.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile version’ is closed to new replies.