realokun

[realokun]

Ok, I got it: just had to remove this line from my custom css:

margin-left: 130px;

[realokun]

By the way, here is all the custom css I have in the child theme. Perhaps you can spot some problem there?

COPY CODE

article .article-meta .post-meta a.post-time:after
{
padding-left: 2px;
}
div .wp-caption {
margin-left: 15px;
}
.template-page {
padding-top: 10px;
padding-bottom: 10px;
}
h1 {
margin-bottom: 5px;
}

/*
To move logo closer to the left, default 15px
To move menu closer to the right 
*/
#header .kleo-main-header .container {
  padding-left: 5px;
  padding-right: 5px;
}
/*
* To space menu items closer
*/
.navbar-nav>li>a {
margin: 0 5px;
}

/*
* To remove a huge gap between posts in Standard layout
*/
.posts-listing.standard-listing.with-meta .article-content {
  margin-left: 130px;
  padding: 0 0 0px;
}
.posts-listing.standard-listing.with-meta .type-post {
margin-bottom: 0px;
}

/*
* To remove a 130px left padding in Standard layout on mobile
*/
@media(max-width:767px) {
  .posts-listing.standard-listing.with-meta.article-content {
    margin-left: 0px !important;
    padding: 0 0 0px;
  }
}

[realokun]

Thanks Abe, I put your CSS in place, but it didn’t fix the problem. It is still there, you can see for yourself.

[realokun]

which should look like this

Attachments:

You must be logged in to view attached files.

[realokun]

Laura, your fix broke the non-mobile layout, see the screenshot.

Attachments:

You must be logged in to view attached files.

[realokun]

No it has not been fixed.

Laura, based on your screenshot you are not accessing the web site from a mobile device.

To replicate, take an Android phone, use Chrome browser to navigate to http://www.spokescommute.com/

Alternatively, if you have a desktop browser available only, navigate to the above URL, then drag the browser window to make is narrower until the site’s layout changes to mobile. Then you’ll be able to observe the layout bug I reported.

[realokun]

http://www.spokescommute.com/

[realokun]

Laura, I fixed it of myself of course. Hiwever I think it is a bug and it has to be fixed so all thousand users don’t have waste their time fixing “small css” here and there.

[realokun]

You’ll make a brilliant support engineer dude 🙂

[realokun]

Sure, I can use dev tools to even build a new theme. But is this really what you expect when you buy one?

[realokun]

Laura, in your example the metadata are turned off in the settings, but in my case they are turned on. Do you see the difference? The point is that the presentation of the metadata should be fixed to work well with the Facebook share.

[realokun]

How about all that metadata? For one, it is not needed in the Facebook post and if it has to be there, it should be nicely presented, not like that.

[realokun]

I see… Thank you for your time and for the link. It helps a lot.

[realokun]

@Abe yes, I’ve done that already many times and the user does not appear in /wp-admin/users.php. If this is normal buddypress behaviour, how would you explain that it is not consistent with the registration via Facebook, where everything works fine?

[realokun]

Guys, is someone looking into this? This is a real show-stopper as it prevents me from sharing my new site with the community.

[realokun]

Yes. I run a multisite WP setup. The user who registers via /register/ form submission appears in the network user directory /wp-admin/network/users.php, but not on the site user directory /wp-admin/users.php

[realokun]

Yes, I am well aware of that 😛

What I am trying to say is that when the user registers through the provided user registration form, activates the account and logs into the site, her user profile does not get associated with that site (see the picture above). Hoewever if she registers through Facebook, everything works properly.

[realokun]

Hey Kamal,

I understand you guys have priorities and this issue is not a show-stopper. And I do appreciate the awesome work you’re doing!

However there is another issue that actually prevents me from rolling out my site to the community and I can’t really wait for the resolution: https://archived.seventhqueen.com/forums/topic/a-newly-registered-user-is-not-assigned-to-the-site

Regards,

-Victor

[realokun]

That reminds me this quote 😀

Saying goodbye doesn’t mean anything. It’s the time we spent together that matters, not how we left it.
– Trey Parker

[realokun]

Hi Kamal,

I guess the issue I am having with the logout page is that it looks barren and out-of-context. It is totally inconsistent with nice login dialog overlay you guys provide (attached). I mean why not just show that login dialog upon the logout?

Regards,

-Victor

Attachments:

You must be logged in to view attached files.

[realokun]

It works great now! Thank you Kamal!

-Victor

[realokun]

Cool! Thank you guys, you’re awesome! Closing the ticket.

-Victor

[realokun]

@esahc thank you, you’ve nailed it man!

[realokun]

Thank you Abe, it looks great now!

[realokun]

@Abe I’ve replaced all occurrences of height 88 in your version of app.min.js to the desired height of 60 pixels. I observe the same exact effect as @esahc: the header section first appears expanded to 88 and then jerks down to 60. Not super sexy but it works. If there is no further way to improve that, let’s close this ticket. Thank you for your help!

[realokun]

Interesting observation: if I remove the logo image, the header height stays in the “expanded” mode: lots of top and bottom padding. Why doesn’t it simply fits the content?

[realokun]

Hi Abe,

I also didn’t see any improvements after replacing app.min.js

Thanks,

-Victor

[realokun]

It makes me wonder about the true number of KLEO-based deployments 🙂

[realokun]

Hi Kamal,

Sorry, I meant the logo of course. Lemme try again though:

1. The original problem was that on the 8″ tablet, the logo was not lining up with the mobile-style menu.
2. You have provided the CSS that has solved the problem on the tablet, but affected the logo on the desktop browser: it now appears smaller than the original size.

Incidentally, I have submitted another ticket, also related to the header area, perhaps you can fix them both in one shot: https://archived.seventhqueen.com/forums/topic/inconsistent-header-height

So far, the header area gives me the most grief on KLEO template.

Thank you,

-Victor

[realokun]

I left your CSS code deployed, check for yourself on desktop Chrome: http://www.spokescommute.com/

[realokun]

Kamal,

Here is what it looks like in Chrome with and without your last CSS. As you can see, the title does get shrunk.

Cheers,

-Victor

Attachments:

You must be logged in to view attached files.

[realokun]

Ooops, though the tablet view got fixed, the desktop view is now broken. The logo is now smaller in size. Rolling back.

[realokun]

Thank you Kamal, it did the trick!

-Victor

[realokun]

Oh, here is the link: http://www.spokescommute.com/

Thanks,

-Victor

[realokun]

Yes, it does work. Thank you!

[realokun]

Activating the rtMedia plugin has solved the issue indeed. Much appreciated, guys!
And thank you for the tip about moving to Kleo child theme!

[realokun]

This reply has been set as private.

[realokun]

I can give you guys the WP admin access to my site if that’ll help you to figure out the issue.

[Author]

Posts