Robert

[Robert]

Hi, I found another solution that might work:

COPY CODE

.footer-bottom {
    overflow: visible !important;
}
.footer-bottom .kleo-page #main {
    flex: 1 0 auto !important;
}

Let me know if this is ok.

Regards,
Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Robert - Front-end developer and UI graphics enthusiast.

[Robert]

Hi, you can add these line of css in your theme options – quick css:

COPY CODE

li.kleo-notifications-nav .kleo-submenu-item > a {
    line-height: 20px;
}
.navbar .sa-notification a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block !important;
    width: 50px;
    white-space: nowrap;
    vertical-align: bottom;
}
.sa-notification .social-delete {
    width: 20px !important;
    text-align: center;
    border-radius: 50%;
    top: 6px;
}
.kleo-notifications-nav ul.submenu-inner.has-notif li:before {
    top: 4px;
}

Let me know if this works for you.

Regards,
Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Robert - Front-end developer and UI graphics enthusiast.

[Robert]

Hi, please add these lines of css in theme options – quick css:

COPY CODE

.footer-bottom {
  overflow-y: auto !important;
}

.footer-bottom .kleo-page #main {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
}

Let me know if it works.

Regards,
Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Robert - Front-end developer and UI graphics enthusiast.

[Robert]

Not marked as solution

[Robert]

Not marked as solution

[Robert]

Not marked as solution

[Robert]

Not marked as solution

[Robert]

Not marked as solution

[Robert]

Not marked as solution

[Robert]

Not marked as solution

[Robert]

Not marked as solution

[Robert]

Not marked as solution

[Robert]

Not marked as solution

[Robert]

Not marked as solution

[Robert]

Hi, we fixed this and will be available in our next update. Until then we have an workaround for this.

Edit in your child theme app.css as follows:

1. Around line 7026 please remove this line since we don’t need it anymore:

COPY CODE

.box-style, .box-style .one-by-one-animated {
	width: 100%;
}

2. Around line 7099 you have this line:

COPY CODE

.box-style .col-xs-12 {
	display: flex;
}

… You need to change it like this:

COPY CODE

.box-style .col-xs-12 {
	display: flex;
	margin-left: -1px;
}

If this isn’t working for you please let me know.

Best regards,
Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Robert - Front-end developer and UI graphics enthusiast.

[Robert]

Hi,

We fixed this and will be available in our next version. In the meantime you can add the following lines in theme options “Quick css” box:

COPY CODE

@media (min-width: 320px) and (max-width: 400px) {
	.feature-item.default-icons-size.center-icons .feature-icon,
	.feature-item.big-icons-size.center-icons .feature-icon {
		left: auto;
		margin: 0 auto 30px;
	}
}

Regards,
Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Robert - Front-end developer and UI graphics enthusiast.

[Robert]

Hi @GaNcorp,
I just fixed this issue for you, it will be available in next update but until then you can put these lines in admin/theme options/quick css box:

COPY CODE

.panel-kleo.icons-to-left .accordion-toggle {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-left:30px;
}


.panel-kleo.icons-to-left span.icon-closed,
.panel-kleo.icons-to-left span.icon-opened {
	position: absolute;
	top: 1px;
	left: 0;
}

Let me know if this works for you.

Regards,
Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Robert - Front-end developer and UI graphics enthusiast.

[Robert]

Hi @GenevieveLeJeune, I’ve just fixed this and will be available with next update. Until then you can put these lines in theme options (quick css box):

COPY CODE

#buddypress #friend-list .friend-inner-list,
#buddypress #member-list .member-inner-list,
#buddypress #members-list .member-inner-list {
	display: inline-block;
	width: 100%;
}
@media only screen and (max-width: 320px) {
	#buddypress ul.item-list li div.action {
		float: none;
		margin-left: auto;
	}
}

Best regards,
Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Robert - Front-end developer and UI graphics enthusiast.

[Author]

Posts