Jump to content
mavincan

Comments look awful iBlogPro 5 Theme via iPhone 5

Recommended Posts

mavincan    0
mavincan

I'm using iBlog Pro Theme. The latest version, iBlogPro 5. And i'm using an iPhone 5. is that names familiar?

 

iBlogPro 5

iPhone 5

 

You know this theme inspired from Apple. Its looking good on desktop and its plausible on iPad. But iPhone, its horrible.

 

i attached two screenshot from elmadergisi.com Apple blog.

 

screenshots belongs to comments section of a page. Device is iPhone 5 and look at the result please.

 

ElmaDergisi.com site does not have any active plugin that has not belongs to pagelines.

 

i disabled all the plugins but nothing changed.

 

how can we fix this? Maybe, there is no need avatars for comment section. Maybe disabling avatars at comments (mobile theme) works but there is no option for mobile theme... :(

 

Please help for this. i cant say "please turn your device to horizontal position" to my visitors. 

post-31509-0-72050300-1361384761_thumb.j

post-31509-0-28325300-1361384763_thumb.j

 

 

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

I'm sorry to see that you're having problems with iBlogPro5 on your iPhone.  May I ask if you have any custom CSS or custom hooks implemented in your site?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

Without plugins, custom CSS or hooks, I'm not sure why this would be happening.  I did check your site on IE on my Android phone (I don't have an iPhone or iPad) so I'm guessing this is a browser specific condition.

 

We do have a plugin called Browser Specific CSS (which is free). You may simply need to fine tune the CSS using that plugin, allowing you to move you content where it belongs only in the iOS browsers.

 

You can find that plugin in Dashboard > PageLines > Store > Plugins > Top Free.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
mavincan    0
mavincan

i find and activate that plugin but nothing changed.

i don't know what to do with that plugin...

 

Its still showing comments like this:

 

post-31509-0-72050300-1361384761_thumb.j

 

its really bad for reading. But the worst is coming when somebody respond to a comment

 

post-31509-0-28325300-1361384763_thumb.j

 

 

i still believe removing frames in comment section may works but i think it is difficult. There may be an option for turning on or of gravatars at comment section. it may work too... 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

Ok, I just tested this with multiple replies and it does indeed look like your screenshot. I have converted your topic to a bug report, thanks for bring this to our attention.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
mavincan    0
mavincan

Thank you very much Danny. i'm waiting the update. Do we wait too long? We couldn't use mobile theme for these reason :(

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

I cant give any ETA unfortunately. But the issue has been reported and our developers will look into it.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
mavincan    0
mavincan

Still waiting. will be any update near future? :( 

Share this post


Link to post
Share on other sites
mavincan    0
mavincan

Hi Danny. We have still having same problem. We are tracking the issue but nothing changed. How long must we wait? Comments are very important for us and if team can't solve that issue, we must change our theme. Thank you.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

There is still nothing to report at this moment time. As a band aid, you could disable threaded comments, this should make comments looks slightly better for the time being.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
mavincan    0
mavincan

2.4.3 realesed, nothing changed :(

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

The corrected CSS needs the prefix for each browser you want to fix this issue on.  The Browser Specific CSS helps you with that.

 

Here's the basic corrected CSS, but again, without the prefix, you need to add it. Please read this documentation first before implementing the code below with the browser specific prefix.

.commentlist {
    line-height: 1.6em;
    list-style-type: none;
    margin: 10px 0 10px 18px;
    padding-left: 5px;
}

.commentlist img.avatar {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FBFBFC;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    margin: -5px 5px 5px -85px;
    padding: 2px;
    position: relative;
}
  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
mavincan    0
mavincan

Thank you Rob. I have Browser specific CSS plugin 

 

i'm a rookie at this. 

 

i copied the code but

 

where will i paste it to? and how?  editor/iblogpro/style css? or pagelines/style css?  (i don't think so) 

 

Thank you for your help. i'm waiting your answer.

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

You can paste your css code directly into Pagelines>site options>custom code if you're just using the standard theme.

 

If you are using the customize plugin or base theme you can add to the style.css, but the easiest option would be to add to the generic site code in Pagelines>site options>custom code.

  • Like 1

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
mavincan    0
mavincan

Thank you Rob and James B. This case solved with your help. That code removes avatar from comment section. Thank you very much.

Share this post


Link to post
Share on other sites
Rob    547
Rob

You're welcome.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • jdubdigi
      By jdubdigi+
      Onepage plugin is not working on an iphone. The page does not scroll properly and sections are partially missing, any ideas what the problem could be?
    • ivaemer
      By ivaemer+
      I've got the problem with Onepage plugin ..
      First two sections - Intro and Gallery Module are not showing on iPhone and iPad...help asap please
       
       
    • GreyFoxWebDesign
      By GreyFoxWebDesign+
      Hi, so I have an issue that seems specific to iPhones.
      I have 2 "Menus" in a container both set to 6 columns (see image A) - I have added the classes .menuleft and .menuright
      When this gets to 768px and the mobile menu kicks in, both sections revert to 12 columns (or 100% width) so the 2 menus are stacked on top of each other. I want them to remain inline so that they look like image B - so need to control the section width.
      I have added the following CSS:
      .menuleft[class*='pl-col-'] {
        max-width: 22%;
        margin-left: 3%;
        padding-right: 0em;
        padding-left: 0em;
        float: left !important;
      }
      .menuright[class*='pl-col-'] {
        max-width: 74%;
        margin-right: 1%;
        padding-right: 0em;
        padding-left: 0em;
        float: left !important;
      }
      This works well for Android phones, on all online emulators and in Chrome mobile inspector, but does not seem to work on iPhones. I don't have an iPhone so it's very hard to test. Any help would be appreciated. The site is currently live at quitegoodcards.com.
      PS Is there a way to target the li items in the mobile menu toggle (image C) that does not effect the desktop li? There doesn't seem to be a separate class to apply.
      Thanks in advance



    • MissT
      By MissT+
      Does the magazine section not support comments?  I have comments allowed but they aren't showing on post pages and there doesn't seem to be a way to add a comments section in either.
      Many thanks in advance.
    • Bleuy
      By Bleuy+
      Problem: Full Screen Revslider content runs off the screen on mobile devices (particularly calls to action buttons).  I've used the <br> to break up the text, however the call to action buttons run off the screen.  Therefore without making the fix too technical (and I can see some VERY technical resolutions on here) my client just wants to simple centre justify the text when being viewed on a mobile device.  
      Any ideas on how best to achieve this in a simple, non too technical way?
      Thanks very much in advance
       
×