- This topic has 5 replies, 2 voices, and was last updated 8 years, 8 months ago by
Pratik.
-
AuthorPosts
-
January 3, 2016 at 1:52 am #82096
RobertB
MemberHi!
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!
January 3, 2016 at 9:25 am #82103Pratik
ParticipantHi @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,
PratikJanuary 3, 2016 at 3:10 pm #82112RobertB
MemberHi!
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!
January 3, 2016 at 5:59 pm #82118Pratik
ParticipantHi @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,
PratikJanuary 7, 2016 at 5:43 am #82352RobertB
MemberThank you! It worked, but when I click on “Guide”, on mobile, the preview is still small though.
January 7, 2016 at 9:15 am #82363Pratik
ParticipantHi @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 addspadding-left: 250px
in that <p> tag. Remove it and it will work. -
AuthorPosts
- The topic ‘Mobile version’ is closed to new replies.