[RobertB]

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!

[Pratik]

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

[RobertB]

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!

[Pratik]

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

[RobertB]

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

[Pratik]

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.

[Author]

Posts